文章参考至：www.bilibili.com/video/BV1MS…

Vue封装组件并发布到npm仓库

   创建项目---vue cli初始化一个项目
   vue create test

组件封装

新建文件夹myComoponents

用于存放自己封装的组件

编写组件代码

使用vue插件模式

1.  Vue提供方法：install，这个方法会在使用Vue.use(plugin)时被调用，相当于全局注册组件，在子组件的任何地方都可以使用
1.  在myComoponents新建index.js文件

组件打包

修改package.json文件

package.json中的name不支持大写

执行打包命令npm run xx

打包后得到的文件

发布到npm

1. 初始化package.json

   1. 进入目标文件夹目录

2. 得到package.json文件

发布到npm仓库

1.  首先要有npm账号：https://www.npmjs.com/

1.  设置npm源

    1.  npm config set registry=https://registry.npmjs.org

3. 添加npm用户

4. 发布npm

执行命令：npm publish

成功

5. 过程报错

原因：一般都是因为包名重复

解决方式：在package.json修改name

5. 从npm安装使用

   1. 执行命令：npm install myui-lorraine

安装成功

在main.js文件引入