搭建vue环境常见问题(以及常见踩雷问题处理)

准备材料:
Visual Studio Code 官网下载链接(傻瓜式安装)
node.js官网下载地址(选择自己需要下载的版本,傻瓜式安装)

在确保都正确安装完成后,win+R打开控制台输入:npm -v还是node -v,一般情况下会出现如图所见问题:
搭建vue环境常见问题(以及常见踩雷问题处理)
解决环境变量问题
在path中添加node.js安装的目录,例如本人是“D:\SoftWare\node\node-v10.13.0-win-x64”;
记住一定要重新win+R再打开一个新的控制台窗口,在这个窗口操作!!!
不然还用之前的窗口还是会报这个错误。
输入:npm -v
搭建vue环境常见问题(以及常见踩雷问题处理)
输入:node -v
搭建vue环境常见问题(以及常见踩雷问题处理)
此时node.js环境变量也配置好了。

此时,可以配置npm的全局模块的存放路径以及缓存的路径(默认路径为:“C:\Users\用户名\AppData\Roaming\npm”)
搭建vue环境常见问题(以及常见踩雷问题处理)
npm config set prefix “你node_global文件夹的位置,包含node_global文件夹名”;
npm config set cache “你node_cache文件夹的位置,包含node_cache文件夹名”;

现在我们需要使用npm install -g vue-cli
嗯,这里你也许还会报错(内网开发常见错误就是你得配置代理)

解决代理问题
控制台输入npm config set proxy http://代理ip:port
控制台输入npm config set https-proxy http://代理ip:port
当然也可以在:C:\Users\用户目录下找到.npmrc文件,使用编辑器进入查看及修改

剩下的vsCode使用后续更新