Vue 使用vue-cli 从0开始快速搭建大型单页应用

1.安装Node.js
首先Vue的安装依赖于node.js，要保证你的计算机上已经安装过node.js（请使用最新版node）
使用CMD可查询是否安装node.js输入命令node -v

出现下方提示则表示已经安装nodejs,若提示不是内部命令，表示未安装

2.安装VUE

npm install vue

安装完成后可检测版本vue-V

3.创建VUE项目
3.1 安装全局 vue-cli

vue install --global vue-cli

3.2创建一个基于webpack模板项目

vue init webpack project

输入命令后会出现创建项目各种配置提示：
项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。

Project name 

项目描述，直接回车

Project description

作者

Author 

构建方式两个选择（上下箭头选择，回车即为选定）``

1.Runtime + Compiler:recommended for most users  运行+编译：被推荐给大多数用户


2.Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY
allowed in .vue files-render functions are required elsewhere
只运行大约6KB比较轻量的压缩文件，但只允许模板（或任何VUE特定HTML）。VUE文件需要在其他地方呈现函数。翻译不精准，意思大概是选择该构建方式对文件大小有要求

这里推荐使用1选项，适合大多数用户的

是否安装vue的路由插件，需要就选y，否则就n（以下均遵循此方法）

install vue-router？

是否使用ESLint检测你的代码？

Use ESLint to lint your code?

选择分支风格选项有三个

1.standard(https://github.com/feross/standard) js的标准风格

2.Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法，这个github地址说是JavaScript最合理的方法

3.none (configure it yourself) 自己配置

是否安装单元测试

Setup unit tests? 

选择一个单元测试运行器选项有三个

1.Jest（Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架）

2.Karma and Mocha

3.none

是否安装E2E测试框架NightWatch（E2E，也就是End To End，就是所谓的“用户真实场景”。）

Setup e2e tests with Nightwatch(Y/n)?

项目创建后是否要为你运行“npm install”?这里选择包管理工具选项有三个

yes,use npm(使用npm)

yes,use yarn(使用yarn)

no,I will handle that myself(自己操作)

安装依赖：

cd project

npm install

启动项目：

npm run dev

创建成功后项目目录：

启动项目：

npm run dev

表示项目在本地ip中8081端口启动，打开页面出现如下界面表示启动成功。