tech.guitarrapc.cóm

Technical updates

個人開発環境で使っているVS Code拡張

個人開発環境で使っているVS Code拡張のメモです。 VS Code拡張を時々棚卸しているので、ちょくちょく入れ替わっています。

VS Codeで使っている拡張一覧をとる

VS Code上でExtensionsから確認するのは面倒ですが、codeからコマンドで取得できます。

$ code --list-extensions

利用している拡張

拡張一覧とメモです。

拡張名 同期 メモ
bierner.markdown-mermaid MarkdownプレビューでMermaidが描画されるように
biomejs.biome 私はbiomeでJSのリントしている
bmewburn.vscode-intelephense-client × VS CodeでPHPを書くお供
bpruitt-goddard.mermaid-markdown-syntax-highlighting Mardkwon中のMermaidブロックのシンタックスハイライト
editorconfig.editorconfig .editorconfigをVS Codeで編集しているので
github.copilot Copilot便利
github.copilot-chat 同上
github.vscode-github-actions GitHub Actions Workflowの補助
golang.go VS CodeでGoを書くお供
hashicorp.terraform VS CodeでTerraformを書くお供
hediet.vscode-drawio DrawioはVS Codeで書いています
marp-team.marp-vscode Marpでスライドを書くお供
ms-azuretools.vscode-docker VS CodeでDockerfileを書くお供
ms-kubernetes-tools.vscode-kubernetes-tools VS CodeでKubernetesを書くお供
ms-python.debugpy × Pythonのデバッグ
ms-python.python × VS CodeでPythonを書くお供
ms-python.vscode-pylance × PythonのLint
ms-vscode-remote.remote-containers VS Code Remote Containers
ms-vscode-remote.remote-wsl VS Code Remote WSL
redhat.vscode-yaml YAMLのシンタックスハイライト
saikou9901.evilinspector 全角発見器
saoudrizwan.claude-dev VS CodeでClaudeを使う場合。同期対象外。
sohamkamani.code-eol 行末の改行コードを表示
taichi.vscode-textlint VS Codeの文章でTextLintを実行
timonwong.shellcheck ShellScriptのLint
tsandall.opa OPAのサポート
wraith13.bracket-lens 括弧の対応を表示

AI補助

AI補助は欠かせない存在です。ただ、企業で利用する場合は、AIツールとして利用していいか、ポリシーに適合しているか注意が必要です。

Copilotは割と使える環境が多いし、環境ごとに無効設定も可能で良い感じです。一方で、Clineははまだまだ許容されていないところが多く誤って使わないように注意が必要です。

同期

同期対象外の拡張もあります。拡張の設定画面からSync This Extensionを無効にすると同期対象外になります。

alt text

まとめ

VS Code拡張は個人の好みによって変わるので、自分の好みに合わせて拡張を入れていくと良いですね。 しかしもっと減らしたいというか、必要に応じてグループ化してインストールや有効無効を切り替えられると良いなと思っています。