vscode

记录一下 vscode 的使用习惯

功能

• 文件历史备份 xyz.local-history
• 代码格式化 esbenp.prettier-vscode
• 远程开发，开源版本 vscode 不可用 ms-vscode-remote.vscode-remote-extensionpack
• 路径文件提示 christian-kohler.path-intellisense
• git 历史 eamodio.gitlens
• 标注不可见字符 nhoizey.gremlins

外观

• product_icon miguelsolorio.fluent-icons
• icon_theme vscode-icons-team.vscode-icons

语言/语法支持

• dotenv mikestead.dotenv
• EditorConfig EditorConfig.EditorConfig
• flutter Dart-Code.flutter
• Go golang.Go
• protobuf zxh404.vscode-proto3
• plantuml jebbs.plantuml
• vetur octref.vetur
• python donjayamanne.python-extension-pack
• ejs DigitalBrainstem.javascript-ejs-support
• toml bungcip.better-toml
• svelte svelte.svelte-vscode
• rust matklad.rust-analyzer
• crates serayuzgur.crates

安装脚本

#!/usr/bin/python

import subprocess

plugins = """xyz.local-history
esbenp.prettier-vscode
ms-vscode-remote.vscode-remote-extensionpack
christian-kohler.path-intellisense
eamodio.gitlens
nhoizey.gremlins
miguelsolorio.fluent-icons
vscode-icons-team.vscode-icons
mikestead.dotenv
EditorConfig.EditorConfig
Dart-Code.flutter
golang.Go
zxh404.vscode-proto3
jebbs.plantuml
octref.vetur
donjayamanne.python-extension-pack
DigitalBrainstem.javascript-ejs-support
bungcip.better-toml
svelte.svelte-vscode
matklad.rust-analyzer
serayuzgur.crates"""

list = plugins.split("\n")

for _, v in enumerate(list):
    subprocess.run(["code", "--install-extension", v])

配置文件

{
  "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[markdown]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[vue]": { "editor.defaultFormatter": "octref.vetur" },
  "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[html]": { "editor.defaultFormatter": "vscode.html-language-features" },

  "files.associations": {
    "*.es": "javascript",
    "*.uml": "yuml",
    "*.vue": "vue",
    ".env.*": "dotenv",
    "*.conf": "ini",
    "*.html": "html"
  },

  "workbench.colorTheme": "Default Light+",
  "workbench.iconTheme": "vscode-icons",
  "workbench.productIconTheme": "fluent-icons",
  "editor.fontFamily": "'JetBrains Mono'",
  "terminal.integrated.fontFamily": "'JetBrains Mono'",

  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.renderWhitespace": "boundary",
  "editor.wordWrap": "on",
  "editor.rulers": [80, 120, 150, 200],
  "editor.renderControlCharacters": true,

  "window.title": "${rootName}${separator}${dirty}${activeEditorShort}${separator}${appName}",
  "window.titleBarStyle": "custom",
  "window.zoomLevel": 0,
  "update.mode": "start",
  "files.simpleDialog.enable": true,
  "files.eol": "\n",
  "workbench.list.smoothScrolling": true,
  "workbench.fontAliasing": "auto",
  "workbench.startupEditor": "readme",
  "search.smartCase": true,
  "remote.downloadExtensionsLocally": false,

  // zen mode
  "zenMode.centerLayout": false,
  // screencast mode
  "screencastMode.keyboardOverlayTimeout": 1000,

  "typescript.enablePromptUseWorkspaceTsdk": true,
  "typescript.locale": "zh-CN",

  // inlayHints
  "typescript.inlayHints.parameterTypes.enabled": true,
  "typescript.inlayHints.parameterNames.enabled": "all",
  "typescript.inlayHints.functionLikeReturnTypes.enabled": true,
  "javascript.inlayHints.parameterTypes.enabled": true,
  "javascript.inlayHints.parameterNames.enabled": "all",
  "javascript.inlayHints.functionLikeReturnTypes.enabled": true,

  "javascript.updateImportsOnFileMove.enabled": "always",

  "path-intellisense.extensionOnImport": true
}