0514-86177077
9:00-17:00(工作日)
使用vscode的過程中 自己或者push代碼以后 代碼的格式可能會出現(xiàn)錯亂, 作為一個成熟的開發(fā) , 當然應該遵守一些代碼規(guī)范, 首先代碼整潔度應該排在第一位 使用vscode 格式化代碼 在少量的情況下 可能可以手動去修改格式, 但在大量格式排版不對齊的情況下, 應該怎么做?
文件 -> 首選項 -> 設置 -> {}
在右側用戶設置中可以對當前編輯器默認的進行更改
下面的復制到用戶設置中, ctrl + s 即可完成對代碼的規(guī)范
ctrl + s
{ // vscode默認啟用了根據(jù)文件類型自動設置tabsize的選項 "editor.detectIndentation": false, // 重新設定tabsize "editor.tabSize": 2, // #每次保存的時候自動格式化 "editor.formatOnSave": true, // #每次保存的時候將代碼按eslint格式進行修復 "eslint.autoFixOnSave": true, // 添加 vue 支持 "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true } ], // #讓prettier使用eslint的代碼格式進行校驗 "prettier.eslintIntegration": true, // #去掉代碼結尾的分號 "prettier.semi": false, // #使用帶引號替代雙引號 "prettier.singleQuote": true, // #讓函數(shù)(名)和后面的括號之間加個空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #這個按用戶自身習慣選擇 "vetur.format.defaultFormatter.html": "js-beautify-html", // #讓vue中的js按編輯器自帶的ts格式進行格式化 "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, // 是否插入冒號 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 "stylusSupremacy.insertBraces": false, // 是否插入大括號 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否換行 "stylusSupremacy.insertNewLineAroundBlocks": false // 兩個選擇器中是否換行 }
到此這篇關于vscode 一鍵規(guī)范代碼格式的實現(xiàn)的文章就介紹到這了,更多相關vscode 規(guī)范代碼格式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
標簽:丹東 鄂爾多斯 莆田 哈爾濱 錫林郭勒盟 襄陽 雙鴨山 遵義
上一篇:IDEA中使用Git拉取代碼時報 Git pull failed原因及解決方法
下一篇:永久解決VSCode終端中文亂碼問題
Copyright ? 1999-2012 誠信 合法 規(guī)范的巨人網(wǎng)絡通訊始建于2005年
蘇ICP備15040257號-8