コンテンツにスキップ

VSCode

VSCode の extension list を dotfiles で管理している。テーマ系、言語サポート、Git 連携、生産性ツールなど 97 の extension。

Extension説明
CatppuccinCatppuccin color theme
One Dark ProAtom One Dark 移植
NordNord color theme
Tokyo NightTokyo Night theme
DraculaDracula theme
GruvboxGruvbox theme
Rosé PineRosé Pine theme
SolarizedSolarized theme
EverforestEverforest theme
KanagawaKanagawa theme
Material ThemeMaterial Design theme
Extension説明
Material Icon Themefile/folder icon
Extension言語
rust-analyzerRust
GoGo
C# Dev Kit / C#.NET / C#
Python / Pylance / debugpy / isortPython
DenoDeno
BiomeJS/TS formatter/linter
PrismaPrisma schema
SvelteSvelte
MDXMDX
Nix IDENix
ShellCheckShell script linting
vscode-proto3 / protolintProtocol Buffers
GraphQL / GraphQL SyntaxGraphQL
YAMLYAML
XMLXML
TOML (Even Better TOML)TOML
Dart ImportDart
GemfileRuby Gemfile
Nginx ConfNginx
Firestore RulesFirebase
INI FormatINI files
Extension説明
GitLensGit blame, history, annotation
Git Historycommit history viewer
GitHub Pull RequestsPR review in editor
GitHub Actionsworkflow file support
GitHub CopilotAI completion
Gemini Code AssistGoogle AI assistant
Google Cloud CodeGCP 連携
Extension説明
Tailwind CSS IntelliSenseclass name 補完
HeadwindTailwind class sort
HTML SnippetsHTML snippet
HTML CSS SupportHTML + CSS
CSS PeekCSS definition jump
Auto Rename TagHTML tag の auto rename
HTML Tag Wrapselection を tag で wrap
EmmetJSX / TSX 用 Emmet
ES7 React SnippetsReact snippet
Simple React SnippetsReact snippet (lightweight)
Next.js SnippetsNext.js snippet
JS/JSX SnippetsJS/JSX snippet
TS ImporterTypeScript auto import
Import Costimport の bundle size 表示
Pretty TS ErrorsTypeScript error を読みやすく
Extension説明
Error Lenserror を inline 表示
Path Intellisensefile path 補完
Bracket Pair Togglerbracket pair highlight toggle
Indent Rainbowindent level を色分け
Color Highlightcolor code をハイライト
Color Pickercolor picker UI
Highlight Matching Tagmatching tag のハイライト
Better Commentscomment を色分け
Code Spell Checkertypo 検出
EditorConfig.editorconfig support
Output Colorizeroutput panel の色付け
Rainbow CSVCSV の列ごと色分け
全角チェッカー全角文字のハイライト
Extension説明
Markdown All in OneMarkdown 支援
Markdown LintMarkdown linting
Markdown MermaidMermaid diagram preview
PlantUMLPlantUML diagram
SVG PreviewSVG ファイル preview
txt-syntaxplain text syntax highlight
Extension説明
DockerDocker file support
Dev ContainersRemote Containers
Kubernetes ToolsK8s 管理
TerraformTerraform support
Makefile ToolsMakefile support
dotenv.env file support
gRPC ClientgRPC testing
Extension説明
Test Explorertest runner UI
Test Adapter Convertertest adapter 変換
PlaywrightPlaywright test support
CratesRust crate version 管理

extension list は ~/.config/vscode/extensions.txt に保持。install / export は script で行う。

Terminal window
# export
code --list-extensions > extensions.txt
# install
cat extensions.txt | xargs -L 1 code --install-extension