vue-cli
在开发前，我们要至少通读一遍vue官方文档和API(看官方文档是最重要的，胜过看五十、一百篇博客),英文阅读能力还行的建议阅读英文文档，中文文档内容会稍落后，还要通读相关的vue-router、axios、vuex等。
一般来说我们都是先利用vue-cli来搭建项目基本架构。
正文
首先，我们来说一下安装的东西吧！处于有头有尾的目的，还是几句话草草了事。步骤如下：
安装vue-cli
npm install vue-cli -g以webpack模版安装目录
vue init webapck webpack-template这样之后，我们就可以使用IDE打开目录了。
此处注明我的vue-cli的版本2.9.2，以免之后改版之后，误导读者。
之后，附上自己的目录截图，并没有做改动，如图：
首先，第一个问题，从何看起呢？当然，是从webpack.base.conf.js开始看起了。这个是dev和prod环境都会去加载的东西。然后，我们可以先从webpack.base.conf.js中会被用到的几个文件看起。其实，base中被用到了如下的文件，我们可以从代码中看出：
'use strict'
const path = require('path')
const utils = require('./utils')
const config = require('../config')
const vueLoaderConfig = require('./vue-loader.conf')分别是：
path 【路径模块】
build目录中的utils.js文件
config目录中的index文件
build目录中的vue-loader.conf.js文件
path路径
这个模块可以看nodejs官网的介绍，其实，就是一个文件路径的获取和设置等模块，学习node的时候，我们往往会看到这个模块被大量运用。
path模块提供了用于处理文件和目录路径的使用工具
utils.js
我们可以到其中去看一下代码，其实光从名字上我们可以推断出，它可能是为整个脚手架提供方法的。我们可以先来看一下头部引用的资源文件：
const path = require('path')
const config = require('../config')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const packageConfig = require('../package.json')同样的，它也引用了path模块和config目录中的index.js文件，之后的话是一个npm包——extract-text-webpack-plugin。这个包的话，是用来分离css和js的内容的。后续我们可以详细了解一下。同时，它还引用的package.json文件，这是一个json文件，加载过来之后，会变成一个对象。
所以，我们需要从它的头部依赖开始说起：
