目录

一、引言

二、前端开发规范

三、ESLint规范工具

四、ESLint规范错误解决方式 

4.1. 手动修正

4.2. 自动修正

---

 

JavaScript Standard Style 规范说明地址：

https://standardjs.com/rules-zhcn.html

一、引言

在我们实际项目的开发过程中，统一标准的代码编写风格和规范尤为重要，越是大型的研发团队越是如此。代码规范在软件开发中具有极其重要的意义，主要体现在以下几个方面‌：

1. ‌提高代码的可读性和可维护性‌：代码规范通过统一的编码风格、命名约定和文件结构，显著提升了代码的可读性。规范的代码使得代码更容易被理解和维护，减少了因代码混乱导致的错误和维护成本‌。

2. ‌促进团队协作和效率‌：当团队成员遵循相同的代码规范时，可以避免因个人编码习惯不同带来的摩擦，提高团队协作效率。统一的代码风格也有助于新成员快速融入团队，减少培训成本‌。

3. ‌减少bug的产生‌：通过遵循代码规范，可以减少因编码不规范导致的bug。规范的代码更容易进行自动化测试和错误检查，有助于在开发早期发现并修正错误，降低出错的风险‌。

4. ‌提升软件质量‌：遵守一定的编程规范有利于提升软件的整体质量。统一的编码标准有助于保证代码的稳定性、可维护性和可扩展性，使得软件更容易适应未来的需求变化‌。

5. ‌促进个人职业发展‌：掌握和应用编程规范不仅在团队项目开发中至关重要，对于个人的职业发展也同样重要。良好的编码习惯和规范的代码能够提升个人在团队中的形象，增加职业发展的机会‌。

‌具体措施和工具‌：

• ‌编码规范‌：包括缩进与命名规范、注释规范、代码重用、异常处理等‌。
• ‌代码审查‌：制定审查流程、建立审查标准、使用自动化工具如SonarQube、Checkstyle等‌。
• ‌持续改进‌：通过持续集成、反馈机制、知识共享、培训和考核等方式不断提升团队编码水平‌。

通过这些措施和工具，可以不断提升团队的编码水平，为打造高质量的软件产品奠定坚实基础。

二、前端开发规范

在我们前端开发过程中，通常会涉及到如下的一些规范：

字符串使用单引号 'abc'

无分号 const name = 'zs'

关键字后加空格 if (name = 'ls') { ... }

函数名后加空格 function name (arg) { ... }

坚持使用全等 === 摒弃 ==

……

三、ESLint规范工具

在Vue前端开发过程中，如果你的代码不符合 standard 的要求，ESlint 会跳出来提示你。比如：在main.js中随意做一些改动，添加一些分号，空行。

四、ESLint规范错误解决方式 

两种解决方案：

4.1. 手动修正

根据错误提示来一项一项手动修改纠正。

如果你不认识命令行中的语法报错是什么意思，根据错误代码去 [ESLint 规则表] 中查找其具体含义。

规则参考 - ESLint - 插件化的 JavaScript 代码检查工具

4.2. 自动修正

基于 vscode 插件 ESLint 高亮错误，并通过配置 自动 帮助我们修复错误。

安装配置ESLint插件步骤：