使用vue发布组件到npm

首先需要创建一个文件，在这个文件夹下执行 npm install vue
下载成功以后执行 npm install vue-cli
再次成功以后执行 vue init webpack-simple my-firstComponent
执行这个可能会报底下这个错

*vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确
，然后再试一次。
所在位置 行:1 字符: 1
vue ~~~~
CategoryInfo : ObjectNotFound: (vue:String) [], CommandNotFoundException
FullyQualifiedErrorId : CommandNotFoundException*
这是就需要配置环境变量了，首先你先找到vue.cmd这个文件
这个文件就是在你install vue的时候的那个文件夹，要不就全盘找一下。
在我的电脑右键点击属性

点开以后设置系统变量

然后点击编辑，新建一个变量，这个变量就是vue.cmd的路径，到 .bin 就好了然后重启电脑就可以重新执行这个命令 vue init webpack-simple my-firstComponent这样就配置好了。
代码的话我是复制别人的，因为我超级想看看效果。链接已附上。
代码链接然后根据这个开始设置接下来的事项。当你看这个弄完以后，你登录npm login的时候也许会报错
**“Unexpected token ＜ in JSON at position 0 while parsing near ‘＜!DOCTYPE html＞”**是因为代理问题
然后你就需要设置这个命令 npm set registry https://registry.npmjs.org/
然后在npm login这样就不会报错了，输入你的用户名、密码、邮箱tip：这里输入你密码的时候显示不出来，你直接输入就好了，看不到，输入直接回车就ok。然后直接npm publish
提示这个就说明好了

直接在npm查看你发布的包，可以看到有一条。然后你在npm 你的包的名字就是发布完成之后的名字。
使用得在main.js使用，因为没有使用标签的方式引入。至此你的包发布完成以及使用就都可以了。