讲讲前端代码规范

前言

在小公司肯定不会在大公司知道这么多专业的名称，如面试常问的 "你们公司用的什么做代码规范?"........

代码千万行，安全第一行；前端不规范，同事两行泪。

---

ESLint

这个使用过vue-lic肯定对这个不陌生的可组装的 JavaScript和 JSX 代码检查工具

1. 发现问题：ESLint 静态分析您的代码以快速发现问题。ESLint 内置于大多数文本编辑器中，您可以将ESLint 作为持续集成管道的一部分运行
2. 自动修复：ESLint 发现的许多问题都可以自动修复。ESLint 修复程序可识别语法，因此您不会遇到传统的查找和替换算法引入的错误
3. 自定义：预处理代码，使用自定义解析器，并编写与 ESLint 内置规则一起使用的自己的规则。您可以自定义 ESLint，使其完全按照项目所需的方式工作

讲通俗一点就是：代码检查工具，看你代码写的跟ESlint配置的对不对，不对的话会在编辑器变红

---

Prettier

代码格式化工具，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码

讲通俗一点就是：不管你写的代码是个什么鬼样子，Prettier 会去掉你代码里的所有样式风格，然后用统一固定的格式重新输出

---

ESLint+Prettier

实现：代码格式自动化工具，帮我们检测代码是否规范，如果不规范，则自动能够帮我们按照既定规范格式化

安装教程

---

凹凸实验室

传送门

更多规范