用vscode開發(fā)vue應用的方法步驟

在你項目的settings.json里文件里添加以下代碼：

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

這時候所有錯誤都被標注出來了，注意看左側，一定要讓這個settings.json文件是綠色的，而不能是灰色的，如果是灰色的，請檢查你的.gitignore文件：

因為我們在settings.json文件里設置了autoFixOnSave，所以不管多么亂的格式，只要一按Ctrl+S保存，自動就幫我們把代碼格式整理好了，是不是很方便呢？

和Prettier的沖突

有些時候我們的vscode里插件裝的比較多，譬如還安裝了prettier插件，因為我們不只開發(fā)vue項目，可能還有其它類型的js項目特別是傳統(tǒng)js項目，需要用到prettier進行美化，而prettier的一些功能是會和eslint相沖突的，比如說我們在全局設置了prettier的formatOnSave，這個功能就會和eslint的autoFixOnSave打架，為了避免這個矛盾，我們通常還會在本項目的settings.json文件里再多加幾個選項，類似于這樣：

 "editor.tabSize": 2,
 "editor.formatOnSave": false,
 "prettier.semi": false,
 "prettier.singleQuote": true

有了這些設置，基本上prettier就不會和eslint打架了。

小結

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com