qq封群警告代码_【规范篇】前端团队代码规范最佳实践

作者：山月行 全栈成长之路

转发链接：https://mp.weixin.qq.com/s/YPErjYubpM6WFrsCPcR3CQ

前言

一千个读者，就有一千个哈姆雷特。

一千个程序员，就有一千种代码风格。

那什么是代码风格呢？从小的来说，有的开发喜欢带分号，有的不喜欢带分号。有的喜欢使用空格，有的喜欢使用 Tab。有的喜欢空两个空格，有的喜欢四个空格。除了这些，还有一些关于代码的优化，如避免声明未使用，避免冗余的代码逻辑等。如果你是新参加工作的人员，又恰好遇到一个代码风格混乱，密密麻麻赋值前后都不带空格的项目，只能有苦难言了。

因此团队合作中需要统一规范。

小编强烈推荐前端规范文章：

《前端开发规范：命名规范、html规范、css规范、js规范》

ESLint 与约束

统一编码规范不仅可以大幅提高代码可读性，甚至会提高代码质量。当我们设计了一套关于编码规范的规则集时，需要工具去辅助检测，这就是 ESLint。

$ npm install eslint --save-dev

规则集需要统一集中配置，ESLint 会默认读取配置文件 .eslintrc 来解析，而规则集在 rules 中进行配置：

{  "rules": {    "semi": ["error", "always"],    "quotes": ["error", "double"]  }}

而我们需要做的是设定我们的代码规范，即 rules 项&#x