3.6 规范开发工具，提升开发效率

笔者曾与多个团队的开发人员用同一个代码库工作，经常发现他们提交的代码有问题。原因是他们使用的编辑器不够智能——缺少插件。有些问题是新手程序员注意不到的，有些则可以显式地通过工具来提醒开发者：这里有问题。

因此，统一开发工具是必要的。在前端开发的时候，可以选择编辑器如Visual Studio Code，或者专业的IDE如WebStorm。建议初学者从IDE上手，因为IDE更关注编码，而非在学习编辑器。

然而，对于编辑器的统一，同样会扼杀团队的多样性。因此退而求其次，我们可以追求使用相同的插件。下面是一些适合在项目中使用的插件：

◎ EditorConfig，它可以让我们读取项目中的．editorconfig配置，以遵循统一的编辑器规范，诸如两个空格的缩进。

◎ Lint插件，如ESLint、HTMLHint，可以帮助我们在IDE及编辑器上显示Lint问题。

◎ 单词拼写检测，直接在代码中显示拼错的单词，可以帮助其他人阅读代码。

◎ 路径补全（Path Intellisense），能自动提醒我们可以引用的资源、库路径。

◎ 代码自动补全，包含不同语言的代码补全。

◎ Emmet插件，可以帮助我们快速编写HTML、CSS等。

◎ 代码格式化，可以帮助我们格式化代码。

同样，编辑器在帮助我们的同时，也在一定程度上限制了我们。但是当它的收益远大于损失的时候，就是值得的。