使用vscode安裝 eslint + vuter + prettier自動(dòng)格式化代碼配置;

文件—首選項(xiàng)—設(shè)置—用戶設(shè)置—拓展—ESlint—點(diǎn)擊“在setting.json”中編輯

3.黏貼如下代碼:

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

總結(jié)

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

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