我的 VS Code

January 06, 2022

settings.json

位置:
windows: %appdata%\Code\User\settings.json
Linux: ~/.config/Code/User/settings.json

{
  "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[less]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[markdown]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[sass]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[scss]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "diffEditor.renderSideBySide": false,
  "editor.fontFamily": "Menlo, Consolas, DejaVu Sans Mono, monospace",
  "editor.fontSize": 14,
  "editor.formatOnSave": true,
  "editor.guides.indentation": true,
  "editor.multiCursorModifier": "alt",
  "editor.renderWhitespace": "all",
  "editor.rulers": [80, 100],
  "editor.tabSize": 2,
  "editor.wordWrap": "bounded",
  "editor.wordWrapColumn": 100,
  "explorer.confirmDragAndDrop": false,
  "files.eol": "\n",
  "git.suggestSmartCommit": false,
  "terminal.integrated.defaultProfile.windows": "Git Bash",
  "window.titleBarStyle": "custom",
  "window.zoomLevel": 0.5,
  "workbench.colorTheme": "Noctis",
  "workbench.iconTheme": "file-icons",
  "workbench.sideBar.location": "left"
}

jsts.code-snippets

位置:
windows: %appdata%\Code\User\snippets\jsts.code-snippets
Linux: ~/.config/Code/User/snippets\jsts.code-snippets

{
  // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
  "try catch": {
    "scope": "javascript, javascriptreact, typescript, typescriptreact",
    "prefix": "try-catch",
    "body": [
      "try {",
      "\t${1:// TODO: Coding}",
      "} catch (err) {",
      "\tthrow new Error(err);",
      "} finally {",
      "\t${2:// TODO: Coding}",
      "}"
    ],
    "description": "try catch"
  },
  "async func": {
    "scope": "javascript, javascriptreact, typescript, typescriptreact",
    "prefix": "async-func",
    "body": [
      "async function func() {",
      "\ttry {",
      "\t\t${1:// TODO: Coding}",
      "\t} catch (err) {",
      "\t\tthrow new Error(err);",
      "\t} finally {",
      "\t\t${2:// TODO: Coding}",
      "\t}",
      "}"
    ],
    "description": "async func"
  },
  "async arrow func": {
    "scope": "javascript, javascriptreact, typescript, typescriptreact",
    "prefix": "async-arrow-func",
    "body": [
      "async () => {",
      "\ttry {",
      "\t\t${1:// TODO: Coding}",
      "\t} catch (err) {",
      "\t\tthrow new Error(err);",
      "\t} finally {",
      "\t\t${2:// TODO: Coding}",
      "\t}",
      "}"
    ],
    "description": "async arrow func"
  },
  "async method": {
    "scope": "javascript, javascriptreact, typescript, typescriptreact",
    "prefix": "async-method",
    "body": [
      "async method() {",
      "\ttry {",
      "\t\t${1:// TODO: Coding}",
      "\t} catch (err) {",
      "\t\tthrow new Error(err);",
      "\t} finally {",
      "\t\t${2:// TODO: Coding}",
      "\t}",
      "},"
    ],
    "description": "async method"
  }
}

keybindings.json

位置:
windows: %appdata%\Code\User\keybindings.json
Linux: ~/.config/Code/User/keybindings.json

// Place your key bindings in this file to override the defaults
[
  {
    "key": "shift+alt+f",
    "command": "editor.action.formatDocument",
    "when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly && !inCompositeEditor"
  },
  {
    "key": "ctrl+shift+i",
    "command": "-editor.action.formatDocument",
    "when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly && !inCompositeEditor"
  },
  {
    "key": "shift+alt+f",
    "command": "editor.action.formatDocument.none",
    "when": "editorTextFocus && !editorHasDocumentFormattingProvider && !editorReadonly"
  },
  {
    "key": "ctrl+shift+i",
    "command": "-editor.action.formatDocument.none",
    "when": "editorTextFocus && !editorHasDocumentFormattingProvider && !editorReadonly"
  },
  {
    "key": "shift+alt+down",
    "command": "editor.action.copyLinesDownAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "ctrl+shift+alt+down",
    "command": "-editor.action.copyLinesDownAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "shift+alt+up",
    "command": "editor.action.copyLinesUpAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "ctrl+shift+alt+up",
    "command": "-editor.action.copyLinesUpAction",
    "when": "editorTextFocus && !editorReadonly"
  }
]

extensions.json

位置: <PROJECT_ROOT>/.vscode/extensions.json

{
  "recommendations": [
    "eamodio.gitlens",
    "editorconfig.editorconfig",
    "esbenp.prettier-vscode",
    "file-icons.file-icons",
    "gruntfuggly.todo-tree",
    "irongeek.vscode-env",
    "liviuschera.noctis",
    "mgmcdermott.vscode-language-babel",
    "mhutchie.git-graph",
    "Vue.volar"
  ]
}

Profile picture

GHLandy前端开发攻城狮 | 愿初识如故归,我有粗茶几杯,可否说说你的故事