记录第一个npm包发布流程

需求描述

封装一个公共的vue组件，发布到npm，方便各个项目引用共享。

实现步骤

1. 封装组件使用脚手架 vue-sfc-rollup；
   解释说明：
   vue-sfc-rollup是一个脚手架模板工具，在vue语法中生产，制作，发布npm包，是最快的方法；
   npm包地址：https://www.npmjs.com/package/vue-sfc-rollup
   GitHub地址：https://github.com/team-innovation/vue-sfc-rollup

   vue-sfc-rollup使用方法
   // 先全局安装
   javascript npm install -g vue-sfc-rollup
   // 安装完成后， 初始化项目

   ```javascript
   sfc-init
   ```
   

   具体操作如下图：
   一波操作下来，工程文件夹就有东西了，然后使用vscode打开，注意目录层级结构，请仔细看下图
   
   最后将我们提前准备好的真正组件代码做替换即可！（注意 package.json的包名
   注意，要小写，不能驼峰）

npm包发布流程

1. 注册npm账号
   npm地址：https://www.npmjs.com/
2. 登录npm，不是登录cnpm，所以如果大家使用的是cnpm要切回npm再去登录
   npm config set registry https://registry.npmjs.org/
3. npm login 登录
4. npm publish发包（新发布的npm包名称和已有的不能重复）
   

原文链接：https://juejin.cn/post/7210369671664402487