安装vue-cli脚手架 npm install -g @vue/cli
范例 一个基础的npm组件可以参考我的vue-app-verify
### 开发和测试
- 下载我的项目后,自己修改package.json中的author/version等信息
- 将自己开发的组件放到src/components
- 在src/index.js作注册
- 组件开发完成后,将组件编译
npm run build
- 组件项目中使用
npm pack
可以对组件打包 - 打包后的文件复制到其他项目下,使用npm install ${包名} 可以本地注册测试
发布
在组件项目下 npm login //登录npm,输入npm账号和密码以及邮箱 npm run build // 编译项目,如果已经编译了,可以跳过 npm publish // 发布npm包
注意事项:
- 登陆前请将npm源切换为官方源
npm config set registry http://registry.npmjs.org
- 组件取名前先去npm官网搜下看有没有重名的
- 每次publish的时候,package的version记得修改,否则会失败.