1. 程式人生 > 實用技巧 >vscode 配置檔案

vscode 配置檔案

{
  // 換行
  "editor.wordWrap": "on",
  // 程式碼縮進修改成2個空格
  "editor.tabSize": 4,
  // 不檢查縮排,儲存後統一按設定項來設定
  "editor.detectIndentation": false,
  //儲存的時候自動格式化
  "editor.formatOnSave": true,
  // 字型大小
  "editor.fontSize": 14,
  // 設定行高
  "editor.lineHeight": 24,
  // 主題
  // "workbench.colorTheme": "Visual Studio Light",
  // 左側工具欄是否可見
  // "workbench.activityBar.visible": true,
  // 控制何時自動儲存已更新檔案。接受的值: "off"、"afterDelay"、"onFocusChange" (編輯器失去焦點)、"onWindowChange" (視窗失去焦點)。如果設定為 "afterDelay",可在 "files.autoSaveDelay" 中配置延遲時間。
  "files.autoSave": "onFocusChange",
  // "files.autoSaveDelay": 3000,
  // 讓prettier使用eslint的程式碼格式進行校驗
  // "prettier.eslintIntegration": true,
  // 去掉程式碼結尾的分號
  "prettier.semi": true,
  // 使用帶引號替代雙引號
  "prettier.singleQuote": true,
  // 啟用後,按下 TAB 鍵,將展開 Emmet 縮寫。
  "emmet.triggerExpansionOnTab": true,
  // js設定單引號
  "javascript.preferences.quoteStyle": "single",
  // 讓函式(名)和後面的括號之間加個空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // html格式化
  "vetur.format.defaultFormatter.html": "prettier",
  // 使用eslint 風格使用standard 進行程式碼規則限制
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
      "javascript",
      {
          "language": "vue",
          "autoFix": true
      },
      "html",
      "vue"
  ],
  //自動儲存資訊
  // By default, create file  username
  "fileheader.Author": "you name",
  // By default, update file  username.
  "fileheader.LastModifiedBy": "you name",
  // By default, common template. Do not modify it!!!!!
  "fileheader.tpl": "/*\r\n * @Author: {author}\n * @Date: {createTime}\n * @Last Modified by: {lastModifiedBy}\n * @Last Modified time: {updateTime}\n */\n",
  "editor.quickSuggestions": {
      "strings": true
  },
  // vue元件中html程式碼格式化樣式
  "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
          "wrap_attributes": "force-aligned"
      },
      "prettyhtml": {
          "printWidth": 160, // No line exceeds 160 characters
          "singleQuote": false // Prefer double quotes over single quotes
      },
      "prettier": {
          "printWidth": 300,
          "semi": false,
          "singleQuote": true
      }
},
"[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
}
}