3.6 規范開發工具，提升開發效率

筆者曾與多個團隊的開發人員用同一個代碼庫工作，經常發現他們提交的代碼有問題。原因是他們使用的編輯器不夠智能——缺少插件。有些問題是新手程序員注意不到的，有些則可以顯式地通過工具來提醒開發者：這里有問題。

因此，統一開發工具是必要的。在前端開發的時候，可以選擇編輯器如Visual Studio Code，或者專業的IDE如WebStorm。建議初學者從IDE上手，因為IDE更關注編碼，而非在學習編輯器。

然而，對于編輯器的統一，同樣會扼殺團隊的多樣性。因此退而求其次，我們可以追求使用相同的插件。下面是一些適合在項目中使用的插件：

◎ EditorConfig，它可以讓我們讀取項目中的．editorconfig配置，以遵循統一的編輯器規范，諸如兩個空格的縮進。

◎ Lint插件，如ESLint、HTMLHint，可以幫助我們在IDE及編輯器上顯示Lint問題。

◎ 單詞拼寫檢測，直接在代碼中顯示拼錯的單詞，可以幫助其他人閱讀代碼。

◎ 路徑補全（Path Intellisense），能自動提醒我們可以引用的資源、庫路徑。

◎ 代碼自動補全，包含不同語言的代碼補全。

◎ Emmet插件，可以幫助我們快速編寫HTML、CSS等。

◎ 代碼格式化，可以幫助我們格式化代碼。

同樣，編輯器在幫助我們的同時，也在一定程度上限制了我們。但是當它的收益遠大于損失的時候，就是值得的。