Visual Studio Codeの拡張機能
ここでは私が使用しているVisual Studio Code (VSCode)の拡張機能についてまとめました. これは、備忘録も兼ねていて試したものの利用していない拡張機能についてもメモ程度に記録していま す. 言語や言語サーバーの拡張機能については割愛.
Code Runner
ファイルの中にプログラムを埋め込んで、それを実行するときに利用しています.
Code Spell Checker
スペルチェッカ.
Custom CSS and JS Loader
VSCode本体のフォントを変更するために使用.
EditorConfig for VSCode
.editorconfig
を有効にするための拡張機能.
Error Lens
エラーや警告をエディタ内に表示する拡張機能.警告やエラーをしっかり対応しないと画面がひどいことになる.
Fix JSON
jsonicという構文を使ってJSONを書ける拡張機能.慣れると便利.
Font Switcher
フォントを素早く切り替えられる.プログラム用のフォントと文章を書く時のフォントを切り替えるときに利用.
GistPad
GitHub の Gist を管理できる拡張機能.
GitGraph
Gitグラフツリーを確認できる拡張機能.
GitLens
エディタ内で履歴を確認できる拡張機能.
indent-rainbow
インデントのネストを色でわかりやすくする拡張機能.
Jupyter
Jupyter Notebook を扱える拡張機能.
LaTeX Workshop
LaTeX 文章を書くのに便利な拡張機能.これと TeXLive で快適な TeX執筆環境を構築できる.
Markdown Preview Enhanced
Markdownプレビュー.数式やMermaidなどサポートしている.また、PDFなどの出力も対応している. 特に重要なのは CSS (less) でカスタマイズすることが簡単なこと.
これ以外だと Microsoft の Learn Preview があります.これは GitHub のシンタックスに似ていることもあって特にテーマをいじらないのであればこれがいいかも.
標準のMarkdownプレビューは、CSS によるカスタマイズがしづらい.Markdownファイルからの相対パスかWebからのリンクにしか対応していない.検索すると絶対パスでも出来るということが書かれているが、現在では出来ない.
Markdown Table
Markdownでの表を書くときに便利な拡張機能.項目を作成してからの表生成や、各セルの移動などがサポートされている.
Markmap
Markdownで書いたものをマインドマップのように表示してくれる拡張機能.情報や頭の中を整理するときに便利.
Marp for VS Code
Marp を使ってスライドを作成する拡張機能.スライドに数式があるなら、かなり楽に作成できる.
Notes
VSCodeで手軽にメモ管理. 他に VSNotes がありますが、こちらはVSCodeでメモの削除ができないため見送り.また、タグも不要だったので.
Numbered Bookmarks
番号のついたブックマーク機能.ブックマーク拡張機能は Bookmarks がありますが、こちらは何故か上手く機能しなかったので、代わりに Numbered Bookmarks を利用しています.
Paste Image
Markdownで画像を挿入するときに利用している拡張機能.挿入するときの設定が細かく出来るので利用.
PlantUML
UMLを描画するための拡張機能.
Rainbow CSV
CSVの列に色をつけてくれる拡張機能.
REST Client
VSCodeから手軽にHTTPリクエストをテストできる拡張機能.
Shortcut Menu Bar
エディタの右上にカスタムボタンを表示する拡張機能.あらかじめ用意されたボタンと、カスタムボタンを最大10個表示できる. アイコンをいじれないなどの不満はあるものの、ショートカットに追加するほどでもない機能を入れてます.
Simple New File
ワークスペース内でファイルを作成したり開くときに便利な拡張機能.自動でフォルダを作成してくれる. 似たような拡張機能は多いですが、これが一番シンプルで使いやすい.
Sort JSON objects
JSONオブジェクトのキーを整列する拡張機能.
Subtitles Editor
字幕編集の拡張機能.SRT形式の編集や翻訳の機能があって便利.
Table Formatter
Markdownの表を整形してくれる拡張機能.
TODO Highlight
TODO や FIXME などをハイライト表示してくれる拡張機能.カスタマイズもできる.
vscode-pixy-outline
関数や目印(MARKS)をアウトラインに表示する拡張機能.自作です. 詳しくは 自分用にVSCodeのアウトライン拡張を作ってみました を参照してください.
Whitespace++
全角の空白をわかりやすくするための拡張機能.
Control Snippets
各スニペットの有効・無効を設定できる拡張機能です.ビルトインのスニペットや、特定の拡張機能のスニペットを個別に設定できます. 余計なスニペットを無効にしたいときに使います.
Snippets Manager
スニペット管理の拡張機能です.複数行のスニペットを作成する場合はこのような拡張機能を使ったほうが管理しやすいです. スニペットの追加・削除・編集や、現在のスニペットの確認もわかりやすいです.
その他
特に説明が不要なもの.
- C/C++
- CodeLLDB
- Deno
- Dev Container
- Docker
- ES7+ React/Redux/React-Native snippets
- ESLint
- Flake8
- Go
- Graphviz (dot) language support for Visual Studio Code
- Graphviz Preview
- isort
- Jupyter Notebook Renderers
- Prettier - Code formatter
- Pretteir ESLint
- Pylance
- Python
- Remote - SSH
- Remote Development
- Remote Explorer
- rust-analyzer
- Shader languages support for Visual Studio Code
- Tailwind CSS IntelliSense
- WSL
- YAML