npm发布流程
一. npm注册
二. vue组件编写
三. 发布并编写makedown简介
npm注册
1.首先到npm官方注册npm账号
编写vue组件
1.首先安装vue官方脚手架
npm install -g @vue/cli
# OR
yarn global add @vue/cli
2.安装vue
vue create hello-world
3.然后等待安装完执行
npm install
npm run serve
4.启动之后编写vue组件
- 在src下新建一个目录mycomponents
- 在新建的文件夹中建一个index.js 和 dialog文件夹（里面再建一个test.vue文件）
- 在vue页面写你自己要封装的页面代码
- 在app.vue引入
- 在页面中查看
- 由此可见 组件是可以的，现在我们开始发布
发布组件
- 添加打包命令
- 在package.json文件中添加
--name 文件名，--dest 文件夹名，--target lib 编译入口
- 执行命令
npm run package
你会发现会出现打包出来的文件
- 然年这个文件夹这种执行命令 npm init-y
- 文件夹中会出现package.json文件
- 然后再文件夹中执行npm adduser 然后根据提示输入npm 的用户名，密码，邮箱，*注册npm 账户后npm 会向你的邮箱发一封邮件，让你验证你的邮箱，去邮箱点击链接进行验证一下，不然发布包会失败
- 配置了淘宝镜像，先设置回npm镜像：
npm config set registry http://registry.npmjs.org
- 最后执行npm publish命令
npm publish
这就上传成功了 ，最后你可以再npm中加一些简介 在打包中的文件夹中加入 readme.md,在里面添加操作事项
好了，over了！！！！！！！！
