redis做网站统计,php免费网站系统,贵阳建设网站培训,深圳开发软件公司第一步 注册npm账号#xff0c;附上官网链接npm官网
第二步 初始化项目#xff0c;执行如下指令#xff1a;
npm init根据命令行提示填写对应信息#xff0c;不需要则直接回车#xff0c;最后会根据你填写的信息生成对应的package.json文件。
第三步 在package.json同级…第一步 注册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()
