Vue脚手架构建项目（新）

首先，根据官方提示，卸载旧版本，若无安装，请忽略。

Vue脚手架项目构建步骤：

1.安装node.js(推荐 8.11.0+)，这里不赘述咯。

2.安装vue-cli：cmd下运行npm install -g @vue/cli。此命令将自动从npm服务器下载资源。下载安装比较慢，得十几分钟吧。

3.查看vue-cli是否安装成功，cmd下运行vue --version。显示如下，则表示安装成功。

安装vue-cli一般不会失败，除非网络原因。但是cmd可能会提示：

'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。这是因为没有将vue添加到环境变量里。

cmd执行命令：

npm config get prefix

将显示内容配置到环境变量path里即可（环境变量配置不赘述哦）。

4.进入到自己建好的工作空间里，例如：cd C:\tools\workspace\VueProjects

5.执行构建项目命令：vue create hello-world，hello-world为项目名，可自定义，符合Vue命名规范即可。

第一个提示（貌似只有第一次构建会提示）：连接到taobao.org，直接输入y回车即可。

第二个提示：

一般情况下，回车选择默认即可，默认的设置非常适合快速创建一个新项目的原型，有特殊需要的话，可以自定义，手动设置则提供了更多的选项。

6.静等项目构建完毕，然后

cd hello-world
npm run serve

即可运行。当然，也可以用开发工具打开后运行，例如：idea，webstorm等。

浏览器访问http://localhost:8080/即可访问欢迎页。

至此，项目构建完毕！

停止运行只需Ctrl+C，输入y回车即可。

欢迎转载，注明原创，谢谢！