## vue-cli3插件开发 ### 创建项目 ` vue create project` ![](https://img.kancloud.cn/17/bd/17bd1f35ca1de04085a8889331fabbb9_851x460.png) > 版本: ``` "core-js": "^3.6.5", "vue": "^2.6.11"``` ### 创建vue.config.js ``` module.exports = { pages: { index: { entry: 'examples/main.js', template: 'public/index.html', filename: 'index.html' } }, productionSourceMap: false } ``` ## 目录说明 ### 全部目录 ![](https://img.kancloud.cn/e5/3b/e53bed7695dd4c24c0df9c524ef318e8_284x585.png) ### examples:改原来的src目录,配置入口文件,做为测试插件目录 ![](https://img.kancloud.cn/57/64/5764b5f4a993271c8b368b2f1ef48b9e_1001x528.png) ### packages:创建目录做为插件的开发目录 ![](https://img.kancloud.cn/83/5f/835f931b7d85652540302eaac10e5efb_1295x649.png) > Vue.component()方法注册全局组件 > packages/index.js为最右边文件:循环注册目录下组件 ### package.json文件 ![](https://img.kancloud.cn/89/a4/89a4e7317971db51dc3242d6db2b785c_881x320.png) > 打包lib命令生成lib文件 > npm publish推送npm ### 参考文章:https://www.cnblogs.com/wisewrong/p/10186611.html ### 参考代码:https://github.com/wisewrong/vue-tag-textarea