Vue安装及环境配置

一、安装node.js

1. 下载安装node.js

官网下载最新版本：https://nodejs.org/en/download/

 

由于Node.js 中默认安装了 npm，所以不用额外配置就能在全局命令中使用 npm命令，win+R打开命运行，在cmd中测试一下是否安装成功了：输入 node -v 与 npm –v分别查看版本信息 

配置npm为淘宝镜像

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

2. 配置默认安装目录和缓存日志目录 

1、在自己想要安装node.js的文件夹下创建两个文件夹node_global及node_cache分别作为默认安装目录和缓存日志目录。

2、执行命令，将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录： 

npm config set prefix "你安装的路径\node_global"
npm config set cache "你安装的路径\node_cache"

npm config list查看刚才配置有没有成功。

3. node.js环境配置

在环境变量---用户变量---Path里面的C:\Users\你的用户名\AppData\Roaming\npm修改为 你的安装目录\node_global

在环境变量---系统变量---新建 ：

变量名：NODE_PATH

变量值：你的安装目录\node_global\node_modules

在系统变量---Path添加上%NODE_PATH% 

二、安装Vue

安装vue.js

npm install -g @vue/cli 

-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。

安装webpack模板

	
npm install webpack-cli -g

安装脚手架vue-cli

	
npm install vue-cli -g

安装vue-router

npm install vue-router -g

最后打开我们自定义的全局模块目录下的node_modules文件夹，会发现安装的模块都统一在这里。