Vue学习（一）Vue安装与配置

Vue学习（一）安装Vue

1.安装vue之前需要先安装node.js

node.js安装网站https://nodejs.org/zh-cn/

node.js安装一直next就可以。

安装之后可以用命令行 node -v查看是否安装成功

ps：配置npm安装插件时的路径，以及缓存cache路径。（如果不配置，默认安装在C:\Users\用户名\AppData\Roaming的路径下）

修改在nodejs安装路径下，则如下配置

新建两个文件夹：

`node_cache — 存放npm-cache的缓存文件`
`node_global — 存放npm安装的全局模块`

在命令行输入

`npm config set prefix "路径\nodejs\node_global"`
`npm config set cache "路径\nodejs\node_cache"`

就可以安装成功！

2.安装Vue cli

在命令行中输入

`npm install -g @vue/cli`

即可安装成功！

3.配置环境变量

我的电脑右击，打开属性->高级系统设置->环境变量->新建（用户变量下）->编辑变量名Path->变量值：

路径\nodejs\node_global

在系统环境变量新建NODE_PATH,输入路径为:

路径\nodejs\node_global