在VSCode中開啓ESLint風格審查

　　最近一直在學習開發一個VUE項目，幾乎沒有前端基礎摸爬滾打，就一邊摸索HTML，JS，CSS一邊模仿着已有代碼開發，也還算能學到東西。

　　VSCode確實還不錯，很輕量。在剛開始學寫vue的時候，後臺老是報各類錯，什麼空格多了少了，縮進不對，沒用駝峯命名法都報錯，很讓人崩潰。後來才知道有個叫ESLint的東西:

官網入口:https://cn.eslint.org/

　　　用了一段時間事後，以爲書寫規範這個東西仍是很重要的，以前寫代碼的時候，雖然也在乎過，不過像這樣嚴格的提醒是沒有的，有時候也不注意了。

　　　不過好歸好，每次代碼寫完跳出來十幾個甚至幾十個紅色error/warning仍是讓人很難受。從網上找了點資料，發現能夠在VS裏添加輔助工具。

步驟以下:

1.安裝ESLint:在vscode左側的extension處搜索ESLint並安裝

2.file->preference->settings，若是不是文本框點擊那個open settings(JSON)

 

3.在用戶設置中填寫以下配置：

{
"eslint.autoFixOnSave": true，
"eslint.alwaysShowStatus": true，
"eslint.validate": [
"javascript"，
"javascriptreact"，
{
"language": "html"，
"autoFix": true
}，
{
"language": "vue"，
"autoFix": true
}
]，
}

　　好了以後，若是代碼裏有不規範的地方，編輯器會馬上提示出來，這樣便於書寫習慣的養成；

　　就算沒改，點擊保存後也會自動ESlint格式化。