メインコンテンツまでスキップ

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

テーマ​