在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格式化。