vue-cli脚手架使用过程

总结
可能现在大家都知道前端优秀框架——Vue，下面就总结一下vue-cli 脚手架使用过程，里面的坑，我都真实的踩过!

一、vue-cli安装的先决条件(不可缺)：

1、node环境，node版本大于等于4.0，官方推荐6.0;

2、npm版本大于3.0,;

3、Git

二、安装

1、全局安装webpack;

$ npm i webpack -g

2、全局安装vue-cli;

$ npm install -g vue-cli

3、然后创建目录，在目录中运行指令，初始化项目

$ vue init < template-name > < project-name >

例：

$ vue init webpack my-project (如果怎么都创建不成功，不能生成结构，可采取删去电脑本地的vue-cli(

$ npm uninstall -g vue-cli)重新下载(vue-cli脚手架))

安装成功，通过提示，一直enter即可。

4、模板的选择，一般情况采用上述的选择，

webpack- 一个全功能的Webpack + vue-loader设置，带有热重新加载，linting，测试和css提取。

webpack-simple- 一个简单的Webpack + vue-loader设置，用于快速原型设计。

browserify-全功能Browserify + vueify设置用热重装载，掉毛&单元测试。

browserify-simple- 一个简单的Browserify + vueify设置，用于快速原型制作。

pwa- 基于webpack模板的vue-cli的PWA模板

simple- 单个HTML文件中最简单的Vue设置

5、下载依赖 (等待时间稍微有点久)

$ npm i

三、文件配置具体说明

1、build——[webpack配置]

build文件主要webpack配置，npm run dev 就是运行的dev-sever.js;npm run build运行的是build.js。

2、package.json 项目的基本信息，和依赖项

3、config——[vue项目配置]

index.js配置