vscode怎么一鍵規(guī)范代碼格式

vscode怎么一鍵規(guī)范代碼格式

具體方法如下:

文件 -> 首選項(xiàng) -> 設(shè)置 -> {}

vscode怎么一鍵規(guī)范代碼格式

vscode怎么一鍵規(guī)范代碼格式

在右側(cè)用戶設(shè)置中可以對(duì)當(dāng)前編輯器默認(rèn)的進(jìn)行更改

下面的復(fù)制到用戶設(shè)置中,?ctrl + s?即可完成對(duì)代碼的規(guī)范。

{ ????//?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è)選擇器中是否換行 }

相關(guān)教程推薦:vscode教程

以上就是

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊12 分享