vue如何新建一个项目（超详细哦）

一、安装node环境与npm
1、首先：先从https://nodejs.org/en/中下载node.js
2、配置环境变量（注意区别用户变量与系统变量）
（1）用户变量：D:\Develop\nodejs\node_modules

（2）系统变量：D:\Develop\nodejs;D:\Develop\nodejs\node_global

3、检查是否安装成功：如果输出版本号，说明我们安装node环境成功

4、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/

输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。

检查是否安装成功：

二、搭建vue项目环境并创建vue项目
1.安装vue-cli
cnpm install vue-cli -g //全局安装 vue-cli

查看vue-cli是否成功，不能检查vue-cli,需要检查vue

2、进入你的项目目录，创建一个基于 webpack 模板的新项目（这步开始我以WebStorm软件为例，创建基于脚手架的Vue项目）

说明：
Vue build ==> 打包方式，回车即可；

Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；

Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车；

Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车；

Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车；
至此模板项目创建成功（如下图所示）


3、进入项目后安装依赖

依赖安装完成后会多出一个如下图红框中的文件

4、启动项目（如下图则项目启动成功）

5、进入http://localhost:8080/即可打开项目首页

6、至此vue项目圆满创建成功！！！