vue+node前端项目环境搭建及问题

1.node安装

（1）安装node，在官网即可下载，版本无限制，新版node已经集成npm所以不用安装。

（2）在node的安装目录下新建文件夹。默认安装目录C:\Program Files\nodejs

node_cache和node_global

 

（3）cmd命令输入（管理员身份运行）
npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

（4）配置环境变量

在用户变量的path中新增C:\Program Files\nodejs\node_global

在系统变量的path中新增    变量：NODE_PATH

值  C:\Program Files\nodejs\node_global\node_modules

（5）把镜像指向某个镜像

npm config set registry http://xxx

（6）安装vue vue-cli webpack

命令：npm install -g vue     npm install -g vue-cli     npm  install -g webpack 

 

出现的问题

（1）npm install 时

npm下载node-sass 报错Cannot download https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-83_binding.node

解决方法：

1. 执行命令 node -p "[process.platform, process.arch, process.versions.modules].join('-')"，复制输出内容。例如：win32-x64-83_binding.node

2. 进入安装包页面https://github.com/sass/node-sass/releases，搜索复制内容，下载win32-x64-83_binding.node文件，放入nodejs安装目录：C:/Program Files/nodejs/node_modules/npm/win32-x64-64_binding.node

3. 修改C:\Users\wangshenkuo\.npmrc增加：sass_binary_path=C:/Program Files/nodejs/node_modules/npm/win32-x64-64_binding.node，路径即为第二步的路径。

4. npm i 就可以顺利安装了。