Logo blog

個人的VSCodeの設定まとめ

2026-03-10

僕は普段からVisual Studio Codeをメインのコードエディタとして使用していて、PC ごとにいちいち設定をするのが面倒なので、設定ファイルと使用している拡張機能をまとめようと思います。

ほぼ自分用ですが、参考になれば嬉しいです

設定ファイル

setting.json
{
  // ==================================================
  // 全体の設定
  // ==================================================
  "workbench.iconTheme": "material-icon-theme",
  "workbench.tree.enableStickyScroll": false,
  "workbench.startupEditor": "none",
  "workbench.editor.empty.hint": "hidden",


  "editor.fontFamily": "JetBrains Mono",
  "editor.fontSize": 12,
  "editor.tabSize": 4,
  "editor.formatOnSave": true,
  "editor.renderWhitespace": "all",
  "editor.accessibilitySupport": "off",
  "editor.stickyScroll.enabled": false,
  "editor.unicodeHighlight.ambiguousCharacters": false,
  "editor.unicodeHighlight.includeComments": false,
  "editor.unicodeHighlight.invisibleCharacters": false,
  "editor.unicodeHighlight.nonBasicASCII": false,


  "terminal.integrated.fontFamily": "JetBrainsMono Nerd font",
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.initialHint": false,
  "terminal.integrated.stickyScroll.enabled": false,


  "explorer.compactFolders": false,
  "explorer.confirmDragAndDrop": false,


  "files.insertFinalNewline": true,


  // ==================================================
  // JSONスキーマのダウンロードを許可するドメインの設定
  // ==================================================
  "json.schemaDownload.trustedDomains": {
    "https://biomejs.dev": true,
    "https://ui.shadcn.com/schema.json": true,
  },


  // ==================================================
  // GitHub Copilotの設定
  // ==================================================
  "github.copilot.enable": {
    "*": true,
    "plaintext": true,
    "markdown": true,
    "scminput": false,
  },


  // ==================================================
  // 言語ごとの設定
  // ==================================================
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  "[typescript]": {
    "editor.defaultFormatter": "biomejs.biome",
  },
  "[markdown]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  "[mdx]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  "[prisma]": {
    "editor.defaultFormatter": "Prisma.prisma",
  },
  "[terraform]": {
    "editor.defaultFormatter": "hashicorp.terraform",
    "editor.formatOnSave": true,
    "editor.formatOnSaveMode": "file",
  },
  "[terraform-vars]": {
    "editor.defaultFormatter": "hashicorp.terraform",
    "editor.formatOnSave": true,
    "editor.formatOnSaveMode": "file",
  },
}

使ってる拡張機能