vue脚手架快速搭建项目

1. 安装node.js (https://nodejs.org/en/download/)

下载完毕，点击安装，一直next即可。

Win+R输入cmd进入黑窗口，输入node -v查看node版本并检查是否安装成功。（3.0之后的版本需要 node.js 版本大于 8.9）

输入npm -v查看版本。（由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了）

2.  设置nodejs prefix（全局）和cache（缓存）路径

在node(js)安装路径下，新建node_global和node_cache两个文件夹。

设置缓存文件夹

npm config set cache "D:\vueProject\nodejs\node_cache"

设置全局模块存放路径

npm config set prefix "D:\vueProject\nodejs\node_global"

3. 设置环境变量

鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框。

1.设置系统变量。

2.设置环境变量。

最后别忘了点击“确定”！！

4. 安装Vue

全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它，命令如下。否则，跳过此步

 卸载3.0之前的版本

执行命令：npm uninstall vue-cli -g

 卸载9.0以上的版本

执行命令：npm uninstall -g @vue/cli

 先将npm的仓库地址改为淘宝镜像（这样会快很多）
执行命令：npm config set registry https://registry.npm.taobao.org --global
 然后再安装：
执行命令：npm install -g @vue/cli

最后，输入vue -V（-V一定要大写）查看版本和检查vue是否安装成功。

5. 新项目的创建

直接Win+R输入cmd回车进入黑窗口（或者cd切换到想要新建项目的地址、或者在想要新建项目的地址栏处输入cmd回车进入相应位置的黑窗口），假如我想在F盘创建，操作及结果如下：

执行命令：vue create 项目名（通过命令行创建一个项目）

回车后得到下面的选项，根据自身需求进行选择，选择完回车即可开始创建项目。（有的地方有多个选择，可以先按空格键选择所需的选项后回车进行下一选项的选择）

成功显示如下：

运行命令行：npm rum serve

ctrl+鼠标左键，点击查看运行结果

成功！！！