工欲善其事，必先利其器。
現在我們說一下，剛開始新建project的時候，選擇的ESLint，這是一個代碼規范規則，用來統一不同開發人員，不同開發工具產生的不一樣的代碼風格，導致公共代碼的可讀性不高的問題。
需要配置一下webstorm的默認設置，CTRL+ALT+S打開設置框，Editor->Code Style -> JavaScript，右上角的 set from 選擇 JavaScript Standard Style。
然后，在 Languages & Frameworks -> JavaScript 中設置 版本為 ECMAScrpit 6。
同時，我們在項目中添加 prettier 工具，這是一個代碼格式化的工具，可以格式化大多數ESLint中規定的代碼規范。
在webstorm中安裝 prettier 插件，prettier默認的快捷鍵 是 CTRL+ALT+SHIFT+P 按鈕，在項目的根目錄中添加 .prettierrc 文件，可在上篇文末的github中獲取。
內容如下:
{
"semi": false,
"singleQuote": true
}
semi false 表示格式化后代碼尾部不添加分號，singleQuote true 表示自動格式化所有的雙引號為單引號。
ESLint規定，HTML標簽的屬性，除非只有一個之外，都必須新起一行，雖然看上去代碼有點丑，但是我還是習慣了，如下圖：
JS部分代碼為：
網上很多webstorm ESLint Prettier 的介紹，其實沒那么多東西，簡單配置一下就好了。