vscode設定 settings.json
我的個人VSCode設定項,包括程式碼格式化配置、todo-tree配置和power mode配置
{
// 控制字型大小(畫素)
"editor.fontSize": 16,
// 一個製表符等於的空格數。
"editor.tabSize": 2,
// 在 #editor.wordWrap# 為 wordWrapColumn 或 bounded 時,控制編輯器的折行列。100 列後換行
"editor.wordWrapColumn": 100,
// 在儲存時格式化檔案。
"editor.formatOnSave": false,
// 開啟 vscode 檔案路徑導航
"breadcrumbs.enabled": true,
// prettier 是否在每行末尾新增分號
"prettier.semi": false,
// prettier 設定強制單引號
"prettier.singleQuote": true,
// 儘可能控制尾隨逗號的輸出。 有效選項: 'none' - 無尾隨逗號 ' es5' - 在ES5中有效的尾隨逗號(物件,陣列等) 'all' - 尾隨逗號 儘可能(函式引數)
"prettier.trailingComma": "none",
// 定義函式引數括號前的空格處理方式。
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// 選擇 vue 檔案中 template 的格式化工具
"vetur.format.defaultFormatter.html": "prettyhtml",
// 控制編輯器是否顯示控制字元。顯示 markdown 中英文切換時產生的特殊字元
"editor.renderControlCharacters": true,
// vetur 的自定義設定
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"prettier": {
// 用單引號
"singleQuote": true,
// 不加分號
"semi": false,
// 禁止隨時新增逗號
"trailingComma": "none",
// 函式括號前是否加空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"typescript.format.insertSpaceBeforeFunctionParenthesis": true,
}
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"[javascript]": {
// 定義一個預設格式化程式, 該格式化程式優先於所有其他格式化程式設定。必須是提供格式化程式的擴充套件的識別符號。
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"[json]": {
// 定義一個預設格式化程式, 該格式化程式優先於所有其他格式化程式設定。必須是提供格式化程式的擴充套件的識別符號。
"editor.defaultFormatter": "vscode.json-language-features"
},
"[jsonc]": {
// 定義一個預設格式化程式, 該格式化程式優先於所有其他格式化程式設定。必須是提供格式化程式的擴充套件的識別符號。
"editor.defaultFormatter": "vscode.json-language-features"
},
"[vue]": {
// 定義一個預設格式化程式, 該格式化程式優先於所有其他格式化程式設定。必須是提供格式化程式的擴充套件的識別符號。
"editor.defaultFormatter": "octref.vetur"
},
"[html]": {
// 定義一個預設格式化程式, 該格式化程式優先於所有其他格式化程式設定。必須是提供格式化程式的擴充套件的識別符號。
"editor.defaultFormatter": "vscode.html-language-features"
},
"[markdown]": {
// 定義一個預設格式化程式, 該格式化程式優先於所有其他格式化程式設定。必須是提供格式化程式的擴充套件的識別符號。
"editor.defaultFormatter": "mervin.markdown-formatter"
},
"markdownFormatter.formatOpt": {},
// px-to-rem 每rem對應的畫素
"px-to-rem.px-per-rem": 20,
// 標記列表(用逗號隔開),其中內容不應重新格式化。"null" 預設為 "pre" 標記。
"html.format.contentUnformatted": "",
// 調整視窗的縮放級別。原始大小是 0,每次遞增(例如 1)或遞減(例如 -1)表示放大或縮小 20%。也可以輸入小數以便以更精細的粒度調整縮放級別。
"window.zoomLevel": 0,
// todo-tree 設定
"todo-tree.tree.showScanModeButton": false,
"todo-tree.general.tagGroups": {},
// 程式碼輸入特效設定
"powermode.enabled": true, // 開啟 Power Mode
"powermode.shakeIntensity": 0, // 關閉抖動
"powermode.presets": "particles",
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// stylus 設定
"stylusSupremacy.insertColons": true, // 是否插入冒號
"stylusSupremacy.insertSemicolons": false, // 是否插入分好
"stylusSupremacy.insertBraces": false, // 是否插入大括號
"stylusSupremacy.insertNewLineAroundImports": false, // import之後是否換行
"stylusSupremacy.insertNewLineAroundBlocks": false // 兩個選擇器中是否換行
}
相關文章
- 通過 .vscode/settings.json 無感知控制成員的 vscode 表現VSCodeJSON
- vscode中prettier設定VSCode
- vscode的python設定VSCodePython
- vscode設定背景圖片VSCode
- VsCode常用設定(新手必備!)VSCode
- VsCode常用設定,新手必備!VSCode
- 筆記本中vscode設定筆記VSCode
- VSCode設定中文語言顯示VSCode
- 阿里雲vscode的設定入口阿里VSCode
- 透過Github同步你的VScode設定GithubVSCode
- vscode 編輯器內網代理設定VSCode內網
- VScode使用Jupyter並設定IJava核心VSCodeJava
- vscode註釋快捷鍵是啥 vscode註釋快捷鍵設定VSCode
- vscode 設定按鈕 戴上了聖誕帽!VSCode
- vscode 如何設定滑輪滾動快捷鍵VSCode
- vscode如何設定目錄分級顯示VSCode
- VScode go程式碼風格格式化設定VSCodeGo
- vscode 遠端連線設定免密登入VSCode
- Cursor一鍵匯入vscode外掛以及設定VSCode
- Linux下設定VSCode為預設的文字編輯器LinuxVSCode
- 用於Spring Boot開發的VSCode設定 - StefanSpring BootVSCode
- Visual Studio Code(VSCODE)語言設定為中文VSCode
- VSCode 雲同步擴充套件設定 Settings Sync 外掛VSCode套件
- 基於 Windows + Laradock 在 vscode 上使用 xdebug 設定WindowsVSCode
- vscode怎麼設定html標籤自動補全? vscode自動補全html的技巧VSCodeHTML
- 設定 VSCode 快速開啟檔案時為非預覽模式VSCode模式
- 短視訊系統原始碼,vscode 設定當前一行內容高亮原始碼VSCode
- 【前端開發日記 】VSCODE被初始化之後重新設定的這些事前端VSCode
- Laravel setting 設定 / 系統設定 / 網站設定Laravel網站
- 使用VSCode設定Python作為資料科學開發的10個步驟 - Gong NaVSCodePython資料科學Go
- vscode遠端程式設計 終極方案VSCode程式設計
- 快速使用 vscode 進行 Java 程式設計VSCodeJava程式設計
- win10電腦 tls安全設定怎麼設定為預設設定Win10TLS
- 如何設定 HomePod?HomePod設定教程分享
- Jenkins定時設定Jenkins
- scrapy預設設定
- 程式設計師如何在VsCode上看基金?程式設計師VSCode
- 玩一玩 Ubuntu 下的 VSCode 程式設計UbuntuVSCode程式設計