vue学习--- vue-cli 2.x

vue-cli脚手架搭建项目的流程，在这里简单的梳理下，方便以后的使用
很简单，但很实用~~

安装

npm i -g vue-cli

正确安装后 命令行键入 vue 能看到一些信息，说明已经安装成功！！

常用的两个命令 list init

vue list

几种搭建项目的模板 我们比较常用的是 webpack

vue init webpack xxxx 初始化一个webpack模板的 xxxx项目

---

初始化项目

vue init webpack 项目名称

vue build 选择第一个 运行时+编辑

eslint（可不选择） 可以选择none 自己配，可以选择规范好的 建议选择第一个Standard

单元测试（可不选择） 可以选着Jest

集成测试（可不选择）

---

项目目录

项目搭建完成后，会有以下的文件目录。

build 和 config 文件夹里面主要是一些配置文件

build文件夹中主要的配置文件是 webpack.base.conf.js,config文件夹中 主要的是index.js
webpack.base.conf.js 针对最近版本和兼容老版本webpack来进行一些webpack的配置。
index.js 中对项目的一些初始化参数进行配置，webpack.base.conf.js也会用到index.js的一些参数。

src开发项目文件

项目的主要开发文件都是放在src中，main.js是主入口文件。
assets是存放静态文件的最后的打包会编译到js当中。
static 也是存放静态文件的 跟assets不同的是 static会原封不动的打包到目录中。这里可以放一些地址不会改变的静态文件。

package.json

项目所需要的各种依赖都放到package.json文件中，这个是最常用到的文件。

其他配置文件

.babelrc babel编译
.editorconfig 这个是对编辑器（vs,sublime,webstrom）的一些基础配置 跟项目，webpack都没有关系。
.eslintignore 这个是eslint的忽略文件。
.eslintrc eslint的配置文件。
.gitignore git提交时的忽略文件。
.postcssrc postcss所用到的配置文件。

---

到这里 使用vue-cli搭建项目，以及搭建之后的项目目录结构就介绍的差不多了