vue安装

[blockquote]

将来我们不同的项目可能会用到不同的node版本，那么就需要在各个node版本之间切换，所以建议使用nvm进行node版本控制。

[/blockquote]

安装nvm：

前往https://github.com/coreybutler/nvm-windows下载，双击打开

点击下一步：

第一个路径XX/node/nvm;

[blockquote]

(XX:看你喜欢安装的路径，但是路径中任何一个节点不能有中文或空格，建议直接在C或者D盘下直接安装)

[/blockquote]

第二个路径XX/node/nodejs;

修改nvm下载路径：

进入XX/node/nvm;

找到settings.txt;

添加：

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

查看node最新版本：https://nodejs.org/en/

使用稳定版（lts）或者最新版（current）

[blockquote]

X.X.X为需要使用的版本号

[/blockquote]

 nvm install X.X.X 

安装出现意外需要先卸载： nvm uninstall X.X.X 再安装

 nvm ls 用于查看nvm上安装好的版本。

使用node X.X.X  nvm use X.X.X

安装nrm路径管理 npm install -g nrm 

使用淘宝镜像路径 nrm use taobao 

全局安装vue-cli npm install -g vue-cli 

使用vue-cli创建项目

找到需要创建项目的文件夹；

shift+右键

选择“在此处打开命令窗口”

 vue init webpack 项目名 

[blockquote]

项目名不要用中文，另外最好别太长

[/blockquote]

project name 默认刚刚输入的，但是不能太长；

Author 设置过git的会自动导入，没有也没事；

需要vue-router; (直接回车)

需要ESLint;

不需要karma + Mocha;（ 写n）

不需要Nightwatch;

进入安装好的路径

cd 项目名

项目初始化，安装依赖：

npm install

启动：

npm run dev

接下来会自动打开浏览器并打开当前的项目。

那么我们第一个vue项目就好了。

well done!!