VS code config

keybindings.json

// 將按鍵繫結關係放在此檔案中以覆寫預設
[
  {
    "key": "shift+alt+k",
    "command": "editor.emmet.action.balanceOut"
  },
  {
    "key": "shift+alt+j",
    "command": "editor.emmet.action.balanceIn"
  },
  {
    "key": "shift+alt+n",
    "command": "editor.emmet.action.nextEditPoint"
  },
  {
    "key": "shift+alt+b",
    "command": "editor.emmet.action.prevEditPoint"
  },
  {
    "key": "shift+alt+l",
    "command": "editor.action.smartSelect.expand",
    "when": "editorTextFocus"
  },
  {
    "key": "shift+alt+g", 
    "command": "workbench.action.gotoLine"
  },
  {
    "key": "shift+cmd+\\",
    "command": "editor.emmet.action.matchTag"
  }
]

settings.json

{
  "editor.tabSize": 2,
  "editor.formatOnSave": false, // 存檔時自動 format
  "editor.defaultFormatter": "SimonSiefke.prettier-vscode",
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "files.insertFinalNewline": true,
  "editor.quickSuggestions": {
    "strings": true
  },
  "[css]": {
    "editor.defaultFormatter": "aeschli.vscode-css-formatter"
  },
  "[sass]": {
    "editor.defaultFormatter": "syler.sass-indented"
  },
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[vue]": {
    "editor.defaultFormatter": "Vue.volar",
    "editor.formatOnSave": true
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "explorer.fileNesting.patterns": {
    "*.ts": "${capture}.js",
    "*.js": "${capture}.js.map, ${capture}.min.js, ${capture}.d.ts",
    "*.jsx": "${capture}.js",
    "*.tsx": "${capture}.ts",
    "tsconfig.json": "tsconfig.*.json",
    "package.json": "package-lock.json, yarn.lock, pnpm-lock.yaml"
  },
  "editor.guides.bracketPairs": "active",
  "tailwindCSS.emmetCompletions": true,
  "tailwindCSS.includeLanguages": {
    "vue": "html",
    "vue-html": "html",
    "plaintext": "html",
    "typescript": "javascript",
    "typescriptreact": "javascript"
  },
  "tailwind-fold.autoFold": true,
  "emmet.includeLanguages": {
    "vue": "html",
    "ejs": "md",
  },
  "emmet.optimizeStylesheetParsing": false,
  "emmet.triggerExpansionOnTab": true,
  "emmet.showSuggestionsAsSnippets": true,
  "emmet.useInlineCompletions": true,
  "emmet.extensionsPath": [
      "/Users/~略/Code/User/emmet/"
  ],
  "emmet.variables": {
      "charset": "UTF-8",
      "lang": "en",
      // 使用方法 {${title}}
      "title": "Code Kata",
      "fake:url": "https://fakeimg.pl/"
  },
  //"csscomb.formatOnSave": true,
  //"csscomb.preset": "./.csscomb.json",
  //"csscomb.ignoreFilesOnSave": [
    //"src/components/style/mixins/_helper_themeMaker.scss"
  //],
}

snippets.json

// Users/~略/Code/User/emmet/snippets.json
{
  "html": {
    "snippets": {
      "fake:img": "img[src=${fake:url}${1}]"
    }
  },
  "css": {
    "snippets": {
      "cb": "color: black"
    }
  }
}