在我們使用Vue腳手架 創(chuàng)建項目時 尤其是團(tuán)隊共同開發(fā)項目時 會按照一個共同的代碼規(guī)范來編程 創(chuàng)建Vue腳手架中有一個.eslintrc.js格式 但是在編程中我們通常會使用 shift+alt+f 進(jìn)行代碼格式化 但是由于格式化后的代碼 與Vue中的.eslintrc規(guī)范不協(xié)調(diào) 尤其是 “” ； 以及空格的把控

以上就是使用不同的代碼規(guī)范格式代碼后的結(jié)果

解決辦法：Eslink

配置Eslink
他是VScode中的一個插件

1.安裝插件

2.配置如下代碼;

// 配置 eslint "editor.codeActionsOnSave": {"source.fixAll.eslint": true},"eslint.format.enable": true,//autoFix默認(rèn)開啟，只需輸入字符串?dāng)?shù)組即可 "eslint.validate": ["javascript","vue","html"],"[vue]": {"editor.defaultFormatter": "dbaeumer.vscode-eslint"}

此時，編寫 vue 文件時 編寫時，就會自動的按照eslint標(biāo)準(zhǔn)語法進(jìn)行檢測，并標(biāo)注錯誤 保存代碼時，會自動按照 eslint 語法要求對代碼進(jìn)行修復(fù)

總結(jié)

以上是生活随笔為你收集整理的Vue 脚手架中的.eslintrc.js代码规范 的解决的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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