在前端开发中，代码的可维护性和可读性非常重要。为了达到这个目的，需要遵循一些代码规范。而且，代码规范需要始终保持一致，并得到团队成员的共识。这就需要 eslint 配置。
在这篇文章中，我们将介绍 npm 包 michaelkohler-eslint-config-browser，它提供了一组针对浏览器的 eslint 配置规则。
安装
安装 michaelkohler-eslint-config-browser：
npm install --save-dev michaelkohler-eslint-config-browser
配置
在项目根目录下创建 .eslintrc.json 文件，并添加以下内容：
{
"extends": [
"michaelkohler-browser"
]
}规则
- 采用 ES6 标准
- 采用 Unix 换行符
- 强制单引号
- 调试语句、todo 语句，必须使用特定的格式
- 代码块之间必须使用空格进行分隔
更详细的规则可以参考官方文档：
示例
-- -------------------- ---- ------- ----- --- - -- -- - ------------------ -------- -- ----- --- - -- -- - -------------------- -------- -- -- ------ - ------ - ---- - ------ -
该示例代码遵循了 eslint 规则。换句话说，如果你的代码没有任何问题，那你可以放心地提交了！
通过本篇文章的学习和练习，我们可以更好的掌握 eslint 的使用和面对项目中可能产生的规范问题时的解决方法。让我们的代码更具可读性和可维护性，为整个团队的协作做出更大的贡献！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006725f3660cf7123b36440