使用vscode安裝 eslint + vuter + prettier自動格式化代碼配置;

文件—首選項—設置—用戶設置—拓展—ESlint—點擊“在setting.json”中編輯

3.黏貼如下代碼:

{"workbench.editor.enablePreview": false, //打開文件不覆蓋"search.followSymlinks": false, //關閉rg.exe進程"editor.minimap.enabled": false, //關閉快速預覽"liveServer.settings.donotShowInfoMsg": true, //關閉liveserver提示"files.autoSave": "afterDelay", //打開自動保存"editor.fontSize": 16, //設置文字大小"editor.lineHeight": 24, //設置文字行高"editor.lineNumbers": "on", //開啟行數提示"editor.quickSuggestions": { //開啟自動顯示建議"other": true,"comments": true,"strings": true},"workbench.colorTheme": "Darcula Theme from IntelliJ", //指定工作臺中使用的顏色主題"window.zoomLevel": 0, // 調整窗口的縮放級別"editor.tabSize": 2, //制表符符號eslint"editor.formatOnSave": true, //每次保存自動格式化"eslint.autoFixOnSave": true, // 每次保存的時候將代碼按eslint格式進行修復"prettier.eslintIntegration": true, //讓prettier使用eslint的代碼格式進行校驗"prettier.semi": false, //去掉代碼結尾的分號"prettier.singleQuote": true, //使用帶引號替代雙引號"javascript.format.insertSpaceBeforeFunctionParenthesis": true, //讓函數(名)和后面的括號之間加個空格"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html"vetur.format.defaultFormatter.js": "vscode-typescript", //讓vue中的js按編輯器自帶的ts格式進行格式化"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "force-aligned" //屬性強制折行對齊}},"eslint.validate": [ //開啟對.vue文件中錯誤的檢查"javascript","javascriptreact",{"language": "html","autoFix": true},{"language": "vue","autoFix": true}],}

總結

以上是生活随笔為你收集整理的VScode配置ESlint自动修复格式化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。