本文以自己项目所用到的配置来解释

.browserslistrc文件

文件作用：设置浏览器的兼容。

> 1%
last 2 versions
not dead

> 1%：代表该项目兼容全球超过1%使用的浏览器。

last 2 versions：表示左右浏览器兼容到最后两个版本。

not dead：not是逻辑操作符，即对dead取反


dead条件：最新的两个版本中发现其市场份额以低于0.5%，并且24个月内没有任务官方支持和更新了。

.eslintrc.js文件

文件作用：语言检测文件

    module.exports = {
        root: true,//此项是用来告诉eslintrc找当前配置文件不能往父级查找。
        env: {//此项指定环境的全局变量
            node: true
        },
        'extends': [//此项是用来配置标准的js风格，就是说写代码的时候要规范的写
            'plugin:vue/essential', // 启用 vue 必要的 ESLint 规则
            'eslint:recommended'
        ],
        parserOptions: {//用来指定的javascript语言类型和风格，sourceType用来指定js导入的方式，默认是script
            parser: 'babel-eslint'//用来指定eslint解析器
        },
        rules: {//用来设置从插件来的规范的规则，使用必须去掉前缀eslint-plugin-
            //主要有如下的设置规则，可以设置字符串也可以设置数字，两者效果一致
            //"off"--->0 关闭规则
            //"warn"--->1  开启警告规则
            //"error"--->2  开启错误规则
            'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
            'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
        }
    }

babel.config.js文件

文件作用：js编译器

    module.exports = {
        presets: [
            '@vue/cli-plugin-babel/preset'
        ],
        plugins: [
            [
                "component",
                {
                    "libraryName": "element-ui",
                    "styleLibraryName": "theme-chalk"
                }
            ]
        ]
    }

package-lock.json

锁定安装时的包的版本号

package.json

包含项目名称、项目版本、项目描述以及项目运行的一些脚本（依赖）

{
    "name": "vuepro",//项目名称
    "version": "0.1.0",//项目版本
    //防止意外发布私有存储库的方法
    "private": true,//npm拒绝发布它
    "scripts": {//npm run XXX：命令
        "serve": "vue-cli-service serve",
        "build": "vue-cli-service build"
    },
    "dependencies": {//项目打包后用到的依赖（运行依赖）

    },
    "devDependencies": {//开发阶段用到依赖（开发依赖）

    }
}