一:vue我的项目创立

1、通过vue create XX 创立 vue我的项目

留神:抉择2.0 或者3.0都能够。依照提醒即可

二:插件开发(参考https://cn.vuejs.org/v2/guide...;https://www.cnblogs.com/adouw...)

目录构造:

1、src文件目录改为examples(非必须,为了不便测试)
2、新建packages文件夹(放理论插件代码)
src非必要,依照理论我的项目目录
ac-textfield\packages\texefield\index.js(部分创立组件,单个install ac-textfield组件)
ac-textfield\packages\index.js(全局引入插件,可能存在多个组件引入)
留神:最终在我的项目中调用的组件名称是编写插件代码组件的名称,非文件名等

3、批改vue.config.js文件

4、测试写的插件

ac-textfield\examples\main.js 导入和注册插件库

ac-textfield\examples\App.vue(应用本人编写的插件)

5、ac-textfield 目录下 npm run serve 运行

三:插件公布

1、Package.json
private改为false;
Main:main属性次要应用在援用或者开发某个依赖包的时候须要此属性的反对,不然工程中无奈用import导入依赖包;
不应用main属性的话咱们可能须要这样写援用:require("some-module/dist/app.js"
main值生成形式:npm run lib);

2、新建.npmignore文件,打包须要疏忽的文件
3、npm publish (须要用户名明码,目前公布到oppo源)
http://admin.npm.oppoer.me/-/...(oppo npm源)
四:我的项目中调用插件(vue.use须要在new vue实例之前调用)
activity-admin(一般vue我的项目)
1、装置编写的插件npm i XXX -D
2、我的项目中引入

3、应用

browser_pager_render(nuxt.js我的项目引入插件)
1、装置编写的插件npm i XXX -D
2、front\plugins 目录下新建ac-textfield.js

3、front\nuxt.config.js plugins 配置中增加ac-textfield.js(留神ssr须要设置为false)

4、应用插件