vue 开发npm插件

第一步
注册npm账号,附上官网链接npm官网

第二步
初始化项目,执行如下指令:

npm init

根据命令行提示填写对应信息,不需要则直接回车,最后会根据你填写的信息生成对应的package.json文件。

第三步
在package.json同级目录下新建index.js文件。代码如下:

export default {install: (Vue, options) => {// 1. 添加全局资源(自定义指令)Vue.directive('my-directive', {bind (el, binding, vnode, oldVnode) {// 逻辑...}})// 2. 注入组件选项Vue.mixin({})//3.添加实例方法或者属性Vue.prototype.testFn = function(){console.log('测试方法被调用了')}}
}

第四步 绑定npm账号
在终端输入如下指令按提示输入npm账号、密码以及邮箱

npm addUser

如果出现403错误,可能是npm配置了淘宝镜像的原因,重新配置一下npm官网地址即可

npm config set registry https://registry.npm.taobao.org/

第五步 登录npm账号

npm login

按照提示输入npm账号、密码以及邮箱验证码

第六步 发布

npm publish

安装验证是否可用

npm i 插件名

在项目中使用

import 自定义名称 from '插件名'
Vue.use(自定义名称)

随便找一个项目中的.vue文件,调用插件中的方法testFn,因为直接挂载到了Vue的原型上,所以可以直接通过如下代码片段调用,成功调用就是发布插件成功了

this.testFn()

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/592042.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于美国应对网络生物安全风险的报告的思考

文章目录 前言一、美国为什么要加强网络生物安全的应对手段?二、 网络生物安全威胁因素1、合成生物学可及性的增强2、全球高生物安全等级设施的扩增3、生物目标的广泛性4、攻击途径的多样化5、自动化的快速发展三、美国网络生物安全的主要漏洞四、美国出现的典型安全漏洞1、恶…

LaTeX写论文,公式后段落取消缩进方法:\noindent

在论文的段落中,需要插入一个公式,按道理公式后应该紧接着是段落的文本内容,但如果直接写的话,编译得到的PDF中呈现出来的却是开头缩进的样子 如果需要取消公式后面的段落缩进,可以使用命令 \noindent 该命令的作用…

从零开始 - 在Python中构建和训练生成对抗网络(GAN)模型

生成对抗网络(GANs)是一种强大的生成模型,可以合成新的逼真图像。通过完整的实现过程,读者将对GANs在幕后的工作原理有深刻的理解。本教程首先导入必要的库并加载将用于训练GAN的Fashion-MNIST数据集。然后,提供了构建…

反转链表、链表的中间结点、合并两个有序链表【LeetCode刷题日志】

一、反转链表 给你单链表的头节点 head ,请你反转链表,并返回反转后的链表。 力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台 思路一:翻转单链表指针方向 这里解释一下三个指针的作用: n1&#xff1…

linux支持的零拷贝类型以及java对应的支持

在之前整理的零拷贝文章基础上 https://blog.csdn.net/zlpzlpzyd/article/details/135321197 https://blog.csdn.net/zlpzlpzyd/article/details/135317834 得出如下 因为开发的程序很多运行在 linux 操作系统上,所以用 linux 进行讲解 linux 调用方式 dma复制次数…

Jupyter Notebook的10个常用扩展介绍

Jupyter Notebook(前身为IPython Notebook)是一种开源的交互式计算和数据可视化的工具,广泛用于数据科学、机器学习、科学研究和教育等领域。它提供了一个基于Web的界面,允许用户创建和共享文档,这些文档包含实时代码、…

Stable Diffusion 本地部署详细教程

目录 一、前言二、系统和硬件要求三、安装前说明四、安装步骤5、升级pip(这是管理python环境软件工具),并把资源库换成国内地址为清华镜像。一、前言 虽然MJ和SD都可以生成图像,但是为什么我们要考虑使用本地SD部署呢?原因其实很简单:首先,本地部署的使用成本更低,且更加…

(15)Linux 进程创建与终止函数forkslab 分派器

前言:本章我们主要讲解进程的创建与终止,最后简单介绍一下 slab 分派器。 一、进程创建(Process creation) 1、分叉函数 fork 在 中, fork 函数是非常重要的函数,它从已存在进程中创建一个新的进程。 …

Python异常处理TypeError: translation() got an unexpected keyword argument ‘codeset‘

背景 学习graphql-python安装好依赖后执行命令 python manage.py migrate python manage.py runserver仅接着出现下列错误,主要提示是 「TypeError: translation() got an unexpected keyword argument ‘codeset’」 ntribute_to_classself.remote_field.throug…

1885页学习资料。一本在手,python不愁!

python3.11即将于下半年发布,新的版本速度提升2倍,以弥补与其他编程语言在速度上的缺陷。可以预见Python语言在未来的应用范围会越来越广。 python学习方向建议: 如果你是本科及以下学历,建议你学习以下两个方向 1、爬虫。简单…

Matplotlib基础

目录: 一、绘制yx^2图像: 一、绘制yx^2图像: from matplotlib import pyplot as plt import numpy as np #生成(-50,50)的数组 x np.arange(-50,50) #计算因变量y的值 y x ** 2 #根据x、y数组绘制图形yx^2 plt.plot…

一文带你玩转Superset!大数据可视化框架学习网站大盘点!

介绍:Superset是一款由Airbnb开源的现代化企业级BI工具,它主要用于数据分析和可视化工作。作为Apache孵化器项目的一部分,它在处理复杂的数据分析需求上表现出色,并支持多种数据源和丰富的图表类型。 这款工具的主要特点包括自助分…

PE解释器之PE文件结构

PE文件是由许许多多的结构体组成的,程序在运行时就会通过这些结构快速定位到PE文件的各种资源,其结构大致如图所示,从上到下依次是Dos头、Nt头、节表、节区和调试信息(可选)。其中Dos头、Nt头和节表在本文中统称为PE文件头(因为SizeOfHeaders…

大数据毕业设计:基于python淘宝数据采集分析可视化系统 商品销量数据分析 计算机毕业设计(附源码+文档)✅

毕业设计:2023-2024年计算机专业毕业设计选题汇总(建议收藏) 毕业设计:2023-2024年最新最全计算机专业毕设选题推荐汇总 🍅感兴趣的可以先收藏起来,点赞、关注不迷路,大家在毕设选题&#xff…

【第31例】IPD产品开发计划阶段详解

目录 简介 详细内容 作者简介 简介 今天继续更新 IPD 进阶专栏。 这节内容主要来谈谈 IPD 产品开发计划阶段。 计划阶段的主要目标是回答“怎么做”的问题。 具体就是要: 清晰定义产品及竞争优势; 理解业务计划; 制定项目计划,以及资源计划; 确保风险可以被合理管理…

微软真是活菩萨,面向初学者的机器学习、数据科学、AI、LLM课程统统免费

微软真是活菩萨,面向初学者的机器学习、数据科学、AI、LLM课程统统免费 大家好,我是老章 推荐几个质量上乘且完全免费的微软开源课程 面向初学者的机器学习课程 **地址:**https://microsoft.github.io/ML-For-Beginners/#/ 学习经典机器学…

Mysql 下载与安装教程(详细介绍与总结)

一:版本介绍 首先,我们需要先进入官网进行下载,在官网中有好几个版本,那么这里我分别简述一下MySQL各个版本区别: 1:企业版,MySQL Enterprise Edition 需要付费的,可以免费试用30天…

超声波传感器(附:c语言测距代码)

一、引言 超声波传感器是一种利用超声波进行检测的装置,具有非接触、高精度、抗干扰能力强等优点。在工业自动化、医疗诊断、环境监测等领域,超声波传感器发挥着重要的作用。本文将深入探讨超声波传感器的原理、应用,并通过C语言代码示例来展…

Windows使用IIS服务搭建WebDAV站点结合内网穿透公网访问

文章目录 1. 安装IIS必要WebDav组件2. 客户端测试3. cpolar内网穿透3.1 打开Web-UI管理界面3.2 创建隧道3.3 查看在线隧道列表3.4 浏览器访问测试 4. 安装Raidrive客户端4.1 连接WebDav服务器4.2 连接成功4.2 连接成功总结: 自己用Windows Server搭建了家用NAS主机&…

ffmpeg与SDL结合使用

FFmpeg 使用了 SDL 库来处理音频和视频数据的显示。SDL 提供了一套跨平台的图形显示库,它可以在多个操作系统上提供硬件加速的视频输出功能,并且支持多种常用的视频编解码格式,这些特性使得它成为 FFmpeg 中的一个重要组件。 在 FFmpeg 中&a…