当前位置： 首页 > news >正文

vue3插件开发，上传npm

news 2026/4/20 6:55:05

创建插件

  1.  在vue3工程下，创建组件vue页: toolset.vue。并设置组件名称。

在这里插入图片描述

  1.   注册全局组件。新建index.js文件。内容如下，可在main.js中引入index.js，注册该组件进行测试。
    在这里插入图片描述
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/a3409d2cbeec41c797d5788165bd0472.png
  2.    vite.config.ts中配置打包

在这里插入图片描述

  1. 进入生成的打包目录dist。运行npm init -y。生成package.json配置文件。# name :上传插件名称。#main:插件入口。#version：插件版本。注意：npm中有同名插件会导致上传失败。每次上传版本不能一样，否则也是失败。

在这里插入图片描述

  1.  发布插件：dist目录下，运行npm publish上传插件。

使用插件

  1.  main.js中引入插件注册

在这里插入图片描述

  1. vue页面直接使用插件。

在这里插入图片描述

相关文章：

vue3插件开发，上传npm

创建插件 在vue3工程下，创建组件vue页: toolset.vue。并设置组件名称。注册全局组件。新建index.js文件。内容如下，可在main.js中引入index.js，注册该组件进行测试。![在这里插入图片描述](https://img-blog.csdnimg.cn/a3409d2cbeec41c797d5…...

编程日记 2023/10/22 14:41:50

python【多线程、单线程、异步编程】三个版本--在爬虫中的应用

并发编程在爬虫中的应用 之前的课程，我们已经为大家介绍了 Python 中的多线程、多进程和异步编程，通过这三种手段，我们可以实现并发或并行编程，这一方面可以加速代码的执行，另一方面也可以带来更好的用户体验。爬虫程…...

编程日记 2023/10/22 14:40:49

大模型LLM相关面试题整理-位置编码-tokenizer-激活函数-layernorm

10 LLMs 位置编码篇 10.1.1 什么是位置编码？ 位置编码是一种用于在序列数据中为每个位置添加位置信息的技术。在自然语言处理中，位置编码通常用于处理文本序列。由于传统的神经网络无法直接捕捉输入序列中的位置信息，位置编码的引入可以帮助…...

编程日记 2023/10/22 14:39:47

python在nacos注册微服务

安装 首先需要安装python的nacos sdk pip install nacos-sdk-python 注册 注册过程非常简单，需要注意的是，注册完要定时发送心跳，否则服务会被nacos删掉。 import nacos import timeSERVER_ADDRESSES "http://1.2.3.4:8848" …...

编程日记 2023/10/22 14:38:46

tuxera ntfs2024破解版mac电脑磁盘读写软件

大家都知道由于操作系统的原因，在苹果电脑上不能够读写NTFS磁盘，但是，今天小编带来的这款tuxera ntfs 2024 mac版，完美的解决了这个问题。这是一款在macOS平台上使用的磁盘读写软件，能够实现苹果Mac OS X系统读写Micro…...

编程日记 2023/10/22 14:37:45

【源码】C++坦克大战源码

文章目录 题目介绍你收到的所有文件源码效果展示报告内容 题目介绍 代码量：1450 语言：C 你收到的所有文件 其中一个是devc版本，也可以用visual stdio 运行。 源码效果展示 typedef struct //这里的出现次序指的是一个AI_ta…...

编程日记 2023/10/22 14:36:44

AIO开放接口平台免费畅享ChatGPT聊天、联网互动、学术等服务！更有DALL·E 3最强AI绘图功能！

免费畅享！ AIO平台ChatGPT联网、聊天、学术等服务！ AIO开放接口平台 | 服务介绍 ALL IN ONE （AIO）API服务是LLM(大语言模型)开放接口平台：持续接入各种主流的大模型接口，并提供简单、易用、统一的API交互…...

编程日记 2023/10/22 14:35:42

【python】屈小原现在要为学校写校庆贺文（CTGU百年校庆）

题目： """ 题目描述： 屈小原需要为学校的校庆写一篇贺文，共需写下n个字，但他目前只完成了1个字。屈小原可以进行两种操作： 在文档的末尾添加一个字，这样字数就会变为x1。 写下与当前字数相同…...

编程日记 2023/10/22 14:34:41

探索未来的视觉革命：卷积神经网络的崭新时代（二）

💗💗💗欢迎来到我的博客，你将找到有关如何使用技术解决问题的文章，也会找到某个技术的学习路线。无论你是何种职业，我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章，也欢…...

编程日记 2023/10/22 14:32:39

博客后台模块续更(三)

四、后台模块-动态路由 实现了这个动态路由功能之后，就能在浏览器web页面登录进博客管理后台了 1. 接口分析 后台系统需要能实现不同的用户权限可以看到不同的功能，即左侧的导航栏 请求方式 请求地址 请求头 GET /getRouters 需要token请求头 …...

编程日记 2023/10/22 14:31:38

第十二届蓝桥杯模拟赛第三期

A填空题 问题描述 请问在 1 到 2020 中&#xff0c;有多少个数与 2020 互质&#xff0c;即有多少个数与 2020 的最大公约数为 1。 参考答案 800 public class Main {public static void main(String[] args) {int ans0;for(int i1;i<2020;i) {if(gcd(2020,i)1) {ans;}}…...

编程日记 2023/10/22 14:30:35

2023年浙大MEM考前80天上岸经验分享

时间过得真快&#xff0c;转眼间已经是十月份了。回想起去年这个时候&#xff0c;我还在为考研而感到焦虑不安。然而&#xff0c;如今我已经在浙大MEM项目学习了一个多月的时间了。在这一个月的学习过程中&#xff0c;我不仅学到了许多专业知识&#xff0c;还结识了很多志同道合…...

编程日记 2023/10/22 14:29:34

增加并行度后，发现Flink窗口不会计算的问题。

文章目录 前言一、现象二、结论三、解决 前言 窗口没有关闭计算的问题&#xff0c;一直困扰了很久&#xff0c;经过多次验证&#xff0c;确定了问题的根源。 一、现象 Flink使用了window&#xff0c;同时使用了watermark &#xff0c;并且还设置了较高的并行度。生产是设置了…...

编程日记 2023/10/22 14:28:33

使用 JMeter 和 Docker 进行服务存根

用于性能测试的服务存根&#xff1a;简介 随着测试项目的复杂性不断增加&#xff0c;越来越多的被测系统的测试流程受到依赖系统的影响。当我说“依赖系统”时&#xff0c;我指的是&#xff1a; 不受当前开发影响的遗留系统 属于另一个组织的第三方服务 您的组织开发的系统&am…...

编程日记 2023/10/22 14:27:31

《王道计算机考研——操作系统》学习笔记总目录+思维导图

本篇文章是对《王道计算机考研——操作系统》所有知识点的笔记总结归档和计算机网络的思维导图 学习视频&#xff1a;王道计算机考研 操作系统 408四件套【计网、计组、操作系统、数据结构】完整课堂PPT 思维导图 &#xff08;求Star~&#xff09;&#xff1a;【王道考研】计…...

编程日记 2023/10/22 14:26:30

多模态及图像安全的探索与思考

前言 第六届中国模式识别与计算机视觉大会&#xff08;The 6th Chinese Conference on Pattern Recognition and Computer Vision, PRCV 2023&#xff09;已于近期在厦门成功举办。通过参加本次会议&#xff0c;使我有机会接触到许多来自国内外的模式识别和计算机视觉领域的研究…...

编程日记 2023/10/22 14:24:29

基础算法相关笔记

排序 最好情况下&#xff1a; 冒泡排序 最坏时间复杂度 O ( n 2 ) O(n^2) O(n2)。 插入排序 最坏时间复杂度为 O ( n 2 ) O(n^2) O(n2)&#xff0c;最优时间复杂度为 O ( n ) O(n) O(n)。 平均情况下&#xff1a; 快速排序 最坏时间复杂度为 O ( n 2 ) O(n^2) O(n2)&…...

编程日记 2023/10/22 14:23:28

Mac电脑无法识别移动硬盘怎么办？

很多人都喜欢在Mac电脑上办公、学习&#xff0c;但有时我们将移动硬盘连接Mac电脑时&#xff0c;却会发现电脑无法识别移动硬盘。那么&#xff0c;Mac电脑无法识别移动硬盘怎么办呢&#xff1f; Mac无法识别移动硬盘的原因 导致Mac不识别移动硬盘的原因有很多&#xff0c;你可…...

编程日记 2023/10/22 14:21:26

14Maven与Tomcat面试题

1MAVEN Maven是一个基于项目对象模型&#xff08;POM&#xff09;的项目管理工具&#xff0c;它可以帮助开发者自动化构建、依赖管理、项目报告等。Maven通过一个中央信息片段能够管理项目的构建、报告和文档等步骤&#xff0c;同时也能够管理项目的依赖。Maven的核心概念是POM…...

编程日记 2023/10/22 14:20:26

会议OA小程序【首页布局】

目录 一. Flex布局介绍 1.1 什么是Flex布局 1.2 基本概念 1.3 Flex属性 二. 会议OA首页轮播图的实现 配置 Mock工具 swiper 效果展示 三. 会议OA首页会议信息布局 index.js index.wxml index.wxss 首页整体效果展示 一. Flex布局介绍 布局的传统解决方案&#x…...

编程日记 2023/10/22 14:16:23

Rangy模块化架构揭秘：从零构建可扩展的DOM操作库

Rangy模块化架构揭秘&#xff1a;从零构建可扩展的DOM操作库 【免费下载链接】rangy A cross-browser JavaScript range and selection library. 项目地址: https://gitcode.com/gh_mirrors/ra/rangy Rangy是一个跨浏览器的JavaScript范围和选择库&#xff0c;它通过模块…...

编程新知 2026/4/20 6:54:40

力扣hot100第八题：无重复字符的最长子串python代码实现

第一部分：问题描述 给定一个字符串 s ，请你找出其中不含有重复字符的 最长子串 的长度。 示例 1: 输入: s = "abcabcbb" 输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。注意 "bca" 和 "cab" 也是正确答案。…...

编程新知 2026/4/20 6:34:40

HunyuanVideo-Foley 与Ollama对比分析：专精模型与通用大模型的音效生成能力

HunyuanVideo-Foley 与Ollama对比分析&#xff1a;专精模型与通用大模型的音效生成能力 1. 音效生成技术概览 音效生成作为AI音频领域的重要分支&#xff0c;正在影视制作、游戏开发、虚拟现实等场景中发挥越来越大的作用。当前主流技术路线可分为两类&#xff1a;专精于音频…...

编程新知 2026/4/20 6:16:46

别再暴力枚举了：一个“右侧更小元素”问题，暴露了你算法思维的天花板？

别再暴力枚举了：一个“右侧更小元素”问题，暴露了你算法思维的天花板？ 很多人第一次看到这个题的时候，第一反应是： 👉 “这不就是两层循环吗？” 结果写完一跑—— 数据一大，直接卡死。 更扎心的是： 你明明会排序、会二分、会数据结构，但就是拼不出一个优雅解法。…...

编程新知 2026/4/20 5:08:00

龙虾量化实战法（QClaw）

龙虾量化上手法 如果你只是想快速搭一套能用的量化分析流程&#xff0c;这篇文章就是写给你的。最近市面上这类量化课程真的很多&#xff0c;讲得热闹&#xff0c;卖得也凶&#xff0c;但我个人一直不觉得这东西有多大价值。原因很简单&#xff0c;很多课讲到最后&#xff0c;还…...

编程新知 2026/4/20 4:48:42

线性筛还能这么用？一个‘球盒问题’带你玩转因子个数统计与模数玄机

线性筛的魔法改造&#xff1a;用因子个数统计破解球盒难题 在算法竞赛中&#xff0c;我们常常会遇到一些看似是组合数学问题&#xff0c;实则暗藏数论玄机的题目。今天要探讨的这个"球盒问题"就是典型代表——将n个球放入n个盒子&#xff0c;要求每个盒子里的球与其编…...

编程新知 2026/4/20 4:38:23

如何通过 reflect.Value 获取切片的底层值

go 的 reflect.value 没有提供通用的 slice() 方法&#xff0c;因为无法定义一个适用于所有切片类型的返回签名&#xff1b;正确方式是调用 interface() 后配合类型断言获取原始切片。 go 的 reflect.value 没有提供通用的 slice() 方法&#xff0c;因为无法定义一个适用于…...

编程新知 2026/4/20 4:38:23

解锁BoTorch：PyTorch生态中的贝叶斯优化利器

解锁BoTorch&#xff1a;PyTorch生态中的贝叶斯优化利器 【免费下载链接】botorch Bayesian optimization in PyTorch 项目地址: https://gitcode.com/gh_mirrors/bo/botorch BoTorch是PyTorch生态中一款强大的贝叶斯优化工具&#xff0c;它能够帮助开发者在复杂的高维空…...

编程新知 2026/4/20 3:06:27

DNS解析故障排查实战：从“网络不通“到定位根因的完整方法论

DNS解析故障排查实战&#xff1a;从"网络不通"到定位根因的完整方法论 为什么 DNS 故障总是最难发现的那一类 网络故障里&#xff0c;DNS 问题有一个特殊的迷惑性&#xff1a;它让你以为是别的问题。 用户反馈"网络断了"——其实是 DNS 解析失败&#x…...

编程新知 2026/4/20 2:27:28

从光敏电阻到麦克风：用单片机AD/DA和运放搞定传感器信号采集（附电路分析）

从光敏电阻到麦克风&#xff1a;用单片机AD/DA和运放搞定传感器信号采集&#xff08;附电路分析&#xff09; 当我们需要将现实世界中的光强、温度或声音信号转化为数字信号进行处理时&#xff0c;传感器信号采集系统就成为了连接物理世界与数字世界的桥梁。本文将带你从零开始…...

编程新知 2026/4/20 2:13:05