setting

{// vscode默認(rèn)啟用了根據(jù)文件類型自動(dòng)設(shè)置tabsize的選項(xiàng)"editor.detectIndentation": false,// 重新設(shè)定tabsize"editor.tabSize": 2,// #每次保存的時(shí)候自動(dòng)格式化"editor.formatOnSave": true,// #每次保存的時(shí)候?qū)⒋a按eslint格式進(jìn)行修復(fù)"eslint.autoFixOnSave": true,// 添加 vue 支持"eslint.validate": ["javascript","javascriptreact",{"language": "vue","autoFix": true}],// #讓prettier使用eslint的代碼格式進(jìn)行校驗(yàn)"prettier.eslintIntegration": true,// #去掉代碼結(jié)尾的分號(hào)"prettier.semi": false,// #使用帶引號(hào)替代雙引號(hào)"prettier.singleQuote": true,// #讓函數(shù)(名)和后面的括號(hào)之間加個(gè)空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #這個(gè)按用戶自身習(xí)慣選擇"vetur.format.defaultFormatter.html": "js-beautify-html",// #讓vue中的js按編輯器自帶的ts格式進(jìn)行格式化"vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "force-aligned"// #vue組件中html代碼格式化樣式 }},// 格式化stylus, 需安裝Manta's Stylus Supremacy插件"stylusSupremacy.insertColons": false, // 是否插入冒號(hào)"stylusSupremacy.insertSemicolons": false, // 是否插入分好"stylusSupremacy.insertBraces": false, // 是否插入大括號(hào)"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否換行"stylusSupremacy.insertNewLineAroundBlocks": false // 兩個(gè)選擇器中是否換行 }

轉(zhuǎn)自：?https://blog.csdn.net/qq_39548647/article/details/82182902

此隨筆乃本人學(xué)習(xí)工作記錄，如有疑問歡迎在下面評(píng)論，轉(zhuǎn)載請(qǐng)標(biāo)明出處。

如果對(duì)您有幫助請(qǐng)動(dòng)動(dòng)鼠標(biāo)右下方給我來個(gè)贊，您的支持是我最大的動(dòng)力。

更多專業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的vsCode 设置vue 保存自动格式化代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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