终极目标：掌握和使用Vue（全家桶：Core+Vue-router+Vuex）
本博客目的：记录Vue学习的进度和心得（Vue CLI）
内容：学习和使用Vue CLI。
正文：
Vue CLI
一、webpack
1、认识webpack
本质上来说，webpack是一个现代的JavaScript应用的静态模块打包工具。模块和打包。
前端的模块化：之前在我的博客也提到，目前一些模块规范有：AMD,CMD,CommonJS,ES6的module。在ES6之前，我们想要进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发，并且在通过模块化开发完成了项目后，还需要处理模块间的各种依赖，并且将其进行整合打包。而webpack其中一个核心就是让我们可以进行模块化开发，并且会帮助我们处理模块间的依赖关系。而且不仅仅是JavaScript文件，我们的CSS、图片、json文件等等再webpack中都可以被当做模块来使用。这就是webpack中模块化的概念。
打包：将webpack中的各种资源模块进行打包合成一个或者多个包（Bundle），并且在打包的过程中，还可以对资源进行处理，比如压缩图片，将SCSS转（CSS扩展语言）成CSS，将ES6语法转成ES5语法，将TypeScript转成JavaScript等等操作。
2、与grunt/gulp的对比（现在一般用webpack比较多）
grunt/gulp的核心是task。可以配置一系列的task，并且定义task要处理的事务（比如ES6，TS转化等），之后让grunt/gulp来依次执行这些task，并且让整个流程自动化。所以grunt/gulp也被称为前端自动化任务管理工具。
如果我们的工程模块依赖非常简单，甚至是没有用到模块化的概念，只需要进行简单的合并、压缩，就使用grunt/gulp即可。但是如果整个项目使用了模块化管理，而且相互依赖非常强，我们就可以使用更强大的webpack了。
3、webpack安装
webpack为了可以正常运行，必须依赖Node环境。Node环境为了可以正常的执行很多代码，必须其中包含各种各样的包， 也需要包管理工具npm工具。
安装webpack首先需要安装Node.js，Node.js自带了软件包管理工具npm。Node.js可以在官网下载：Node.js(要大于8.9版本)，全局安装webpack（简易学习时，先用3.6.0版本，因为vue cli依赖这个版本。win系统下cmd命令：npm install [email protected] -g）。后续可能需要我们局部安装webpack（--save-dev是开发时依赖，项目打包后不需要继续使用的。）
为什么全局安装后，还需要局部安装？在终端直接执行webpack命令，使用的是全局安装的webpack。当在package.json中定义了scripts时，其中包含了webpack命令，那么使用的是局部webpack。
4、webpack的基本使用
二、Vue CLI