webstorm根據eslint保存的時候格式化代碼

前言：

      用webstrom把vue項目設置eslint規則，然後保存的時候根據eslint規則格式化當前組件的代碼

目錄：

操作步驟：(參考入口)

1、點擊settings->pluings ->搜索eslint-> Install安裝 ​​2、 安裝好之後，找到settings中ESLint，選中，就會進入配置頁面，

3、到這一步，實際規則已經配置好了，下來就是調用的問題了，搜索keymap，然後把右邊的去掉，改成esli  ,就可以看到  Fix ESLint Problems了，然後右鍵新增快捷鍵 Alt+F,

4、最後一步，頁面上驗證，寫完代碼，然後點 Alt+F 看看頁面有沒有跟着你的規則變，變就成功了

---

操作步驟：(參考入口)

1、點擊settings->pluings ->搜索eslint-> Install安裝 

2、 安裝好之後，找到settings中ESLint，選中，就會進入配置頁面，

勾選Enable->

第一項配置自己安裝nodejs目錄下node.exe,

第二項配置當前項目中node_modules/.bin目錄下的eslint.cmd， 

第三項改成.eslintrc.js （自定義的校驗規則，非必須）

3、到這一步，實際規則已經配置好了，下來就是調用的問題了，搜索keymap，然後把右邊的去掉，改成esli  ,就可以看到  Fix ESLint Problems了，然後右鍵新增快捷鍵 Alt+F,

4、最後一步，頁面上驗證，寫完代碼，然後點 Alt+F 看看頁面有沒有跟着你的規則變，變就成功了