利用Visual Studio Code ESlint插件，實現(xiàn)自動格式化代碼

步驟一：安裝ESlint插件=>點擊Extensions或者Ctrl+Shift+X=>搜索ESlint=>install EsLint

步驟二: 重啟VsCode， 發(fā)現(xiàn)代碼提示報錯，代碼不符合規(guī)范

步驟三：鼠標hover在報錯的地方，會出現(xiàn)Quick Fix...，點擊或者選擇這條報錯代碼Ctrl+.(注意只能使用英文輸入法)

步驟四：選擇Fix

拓展如何讓Vscode 自動格式化代碼符合EsLint格式

步驟一：找到VsCode 的Settings.json文件并打開

windows 系統(tǒng)：

File =>Preferences=>settings=>using Setting =>Text Editor=>Edit in settings.json=>打開settings.json 文件

步驟二：把下面的代碼寫入到Setting.json中

"eslint.autoFixOnSave": true, // 啟用保存時自動修復,默認只支持.js文件

"eslint.validate": [

"javascript", // 用eslint的規(guī)則檢測js文件

{

"language": "vue", // 檢測vue文件

"autoFix": true // 為vue文件開啟保存自動修復的功能

},

{

"language": "html",

"autoFix": true

},

],

備注：

成果展示：

總結

以上是生活随笔為你收集整理的vscode自动格式化不符合eslint_VsCode（Visual Studio Code）格式化代码符合EsLint的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。