南强小屋 Design By 杰米
为什么要使用eslint
你在接手一个项目的维护迭代任务，阅读代码的时候是否会因为项目中充斥着各种风格的代码而感到头疼？没错，eslint就是为了解决这类问题
eslint能做什么？
1.代码风格错误提示
配置好eslint后，如果代码风格与配置描述的不符，eslint会提示代码中存在的风格问题；一般提示的情形有：
1.编辑器内，大多数编辑器配置好后能读取eslint配置文件并在文件中进行相应提示
2.eslint-loader配合webpack-dev-server能在页面中弹出相应错误内容
3.eslint通过命令号对代码进行风格检查
2.修复相应风格问题
eslint --fix 命令能修复一部分代码风格问题；能修复的范围见https://cn.eslint.org/docs/rules/中带工具图标的部分
常见问题
如何在局部禁用eslint
/* eslint-disable no-alert, no-console */
alert('foo');
console.log('bar');
/* eslint-enable no-alert, no-console */
以下是详细配置
{
root: true,// 直接在根目录读取配置文件，能提高eslint性能
"env": {
"node": true,// 允许使用nodejs相关的变量，下同
"es6": true,
"browser": true,
"commonjs": true
},
"extends": "standard", // 继承eslint-config-standard中的配置，可以在rules中覆盖
"parser": "babel-eslint", // 为eslint制定parser,默认的Esprima只允许已纳入es标准的内容
"plugins": "vue",// 使用eslint-plugin-vue，使eslint能对vue语法进行处理，相应rules见https://eslint.vuejs.org/rules/
"rules": {
"no-alert": 2,
"indent": ["error", 4, {
"SwitchCase": 1,
"VariableDeclarator": 1,
"outerIIFEBody": 1,
"MemberExpression": 1,
"FunctionDeclaration": { "parameters": 1, "body": 1 },
"FunctionExpression": { "parameters": 1, "body": 1 },
"CallExpression": { "arguments": 1 },
"ArrayExpression": 1,
"ObjectExpression": 1,
"ImportDeclaration": 1,
"flatTernaryExpressions": false,
"ignoreComments": false
}]
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无配置eslint规范项目代码风格的评论...
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。