vue开发环境搭建-----问题总结

 

---

 

因为看了阮一峰老师的教程所以我先将模块仓库切换到淘宝的源，加快下载速度

$ npm config set registry https://registry.npm.taobao.org/

执行下面的命令，可以确认是否切换成功。

$ npm config get registry

安装vue


$ npm install -g vue

安装vue-cli


$ npm install -g @vue/cli



然后输入vue，结果提示vue: command not found

第一反应是环境变量问题，因为我之前设置了模块的存放路径和缓存路径

npm config set prefix "D:\node\node_global"
npm config set cache "D:\node\node_cache"

就在D:\node\node_global文件夹找到了vue.cmd，把这个路径配置了环境变量，然而还是不行，去网上找小伙伴的解决方法，

大部分都是环境变量配置问题，可这个方法在我这里不管用，实在找到不解决的办法，于是乎就重装了node，还是失败，心塞。。

最后看到一个小伙伴关键的一句话：把路径加到系统环境变量Path的后面，搞定（还是环境变量配置问题 :-)）

 

 

vue命令问题解决后开始创建一个新项目（project-name填自己的项目名称即可）

$ vue create project-name

如果想要使用使用vue-cli@2.x版本，可以先下载

$ npm install -g @vue/cli-init  

再执行 npm init webpack project-name 命令

问题又来了，这里我使用的git bash 无法使用上下箭头选择合适的命令，具体原因不太清楚，

改用了cmd就可以的

接下来提示选择一个预设，跟官网教程一样  小伙伴们可以移步官网围观

https://cli.vuejs.org/guide/creating-a-project.html#installation 

 

"哆哆嗦嗦"走完一地步，撒花^_^