)，下面具体看看目录结构：
package.json :
{
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
"e2e": "node test/e2e/runner.js",
"test": "npm run unit && npm run e2e",
"lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
"build": "node build/build.js"
}
}在
package.json 中，根据我们在构建项目的时候的选项，有以下几个命令。
npm run dev ：项目开发阶段，项目启动的命令；
npm run lint ：使用
eslint 检查代码格式；
npm run test：单元测试和
e2e 测试；
npm run e2e :
e2e 测试；
npm run build：开发完成后执行，会把我们的源代码编译成最终的发布代码，生成在项目根目录中的
dist 文件夹下（初始化项目时不会生成）。
config： 保存一些项目初始化配置。
build ：里面保存一些
webpack 的初始化配置。
index.html : 是我们的首页。
index 很多时候都被预设为首页，像
index.htm，
index.php 等。
src : 保存项目源代码的地方，我们下面会详细分析该文件夹里的文件。二、代码分析
Vue 的核心架构分为两个部分：路由和组件，其实
React 也是一样的。我们在切入一个项目的时候，都是从这两个点出发。下面我们具体看看
src 文件夹。1、入口文件
如果我们打开项目根目录下
build 目录中的
webpack.base.conf.js，会看到这样的代码(第22行)：
module.exports = {
context: path.resolve(__dirname, '../'),
