本文以自己项目所用到的配置来解释
文章目录
.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": {//开发阶段用到依赖（开发依赖）
}
}