vscode設定 settings.json

Coder Tom發表於2020-10-12

我的個人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 // 兩個選擇器中是否換行
}

相關文章