Vue-cli脚手架

package.json

（1）name：项目名称

（2）version：项目版本号，遵循 大版本.次要版本.小版本

（3）description：项目描述

（4）author：项目作者

（5）private：是否私有

（6）scripts：其子项是在控制台运行脚本的缩写

（7）dependencies：项目依赖库

（8）devDependencies：开发依赖库

（9）engines：引擎，用来制定node和npm版本

（10）browserslist：限制了浏览器和客户端的版本

疑难小结 dependencies和devDependencies的区别：devDependencies是作用于生产环境的，开发环境不需要。

editorconfig 

编辑器的配置文件

gitignore

忽略git提交的文件，提交将不会加载配置的文件

package-lock.json

锁定安装时的包的版本号，保证install时保持一致性

config

config里的文件是服务于build，大部分是定义一个变量export出去。下面是index.js文件的解释：

dev: {                                     //开发环境的配置
    assetsSubDirectory: 'static',  //子目录
    assetsPublicPath: '/',            //根目录
    proxyTable:{},                    //该属性可解决跨域问题
    host: '192.168.42.23',         //地址
    port: 8080,                         //端口设置
    autoOpenBrowser: false,      //是否编译
    errorOverlay: true,              //浏览器错误提示
    notifyOnErrors: true,           //跨平台错误提示
    poll: false,                          //使用文件系统
    useEslint: false,                  //语法限制
    showEslintErrorsInOverlay: false, 
    devtool: 'cheap-module-eval-source-map',  //增加调试
    cacheBusting: true,             //使缓存失效
    cssSourceMap: false            //是否开启cssSourceMap
  },
  build: {                                //生产环境
    index: path.resolve(__dirname, '../dist/index.html'),  //index编译后生成的位置和名字
    assetsRoot: path.resolve(__dirname, '../dist'), //编译后存放生产环境代码的位置
    assetsSubDirectory: 'static',    //js、css等存放文件夹名
    assetsPublicPath: '/',   //发布的根目录
    productionSourceMap: false,  //
    devtool: '#source-map',     //
    productionGzip: false,     //
    productionGzipExtensions: ['js', 'css'], 
    // bundleAnalyzerReport: process.env.npm_config_report //
    bundleAnalyzerReport: true                                     //
  }