Visual Studio Code
Visual Studio Code の便利な拡張機能
Japanese Language Pack for Visual Studio Code 以外にも便利な拡張機能が多くあるので,いくつか列挙します.
- Bookmarks (@ Alessandro Fragnani)
- コードの注目したい行にブックマークを追加できる.これにより,カーソル移動を高速に行うことができるようになります.
- C/C++ Extension Pack
- C や C++ 言語コード入力時に利用できる補完機能が優れている
- Code Spell Checker
- コードやテキストファイルに含まれる英単語のスペルをリアルタイムにチェックしてくれます
- Draw.io VS Code Integration
- Visual Studio Code でフローチャートなどを作図できる拡張機能.作成した図は svg や png 形式でエクスポート可能.
- EditorConfig for VS Code
- プロジェクトフォルダに含まれる .editorconfig ファイルを読み込んで Visual Studio Code の設定を指定できるようになる.たとえば,Laravel のプロジェクトにはこのファイルが含まれている.
- ejs Snippets
- JavaScript で EJS テンプレートエンジンを利用するときにコードを補完してくれる
- Excel Viewer
- CSVファイルをExcelのようにプレビューできる
- Git History
- Git のコミット履歴を表示することができる
- Hex Editor
- テキストファイルや画像ファイルなどをバイナリデータとして表示,編集ができる.ファイルを Visual Studio Code で開いたあと,コマンドパレットを起動して「Hex Editor: Open Active File in Hex Editor」を選ぶとよい.
- indent-rainbow
- コードのインデントを階層ごとに色を付けて見やすくできる
- Jupyter
- VS Code 内で Jupyter Notebook と同じような環境を利用できる
- Laravel Artisan
- VS Code のコマンドパレットで artisan コマンドを実行できる
- Laravel Blade Snippets
- Laravel の xxx.blade.php 編集時にスニペット表示やキーワードのハイライト
- Laravel Snippets
- Laravel のコード編集時にスニペットを表示する
- LaTeX language support
- LaTeX ソースでキーワードのハイライト
- latex-formatter
- LaTeX ソースのインデント
- LaTeX-Workshop
- LaTeX 文書のタイプセットやプレビューを VS Code で完結できる
- Live Preview (Microsoft)
- Visual Studio Code 内で HTML ファイルなどをプレビューできる.ファイルを保存しなくても編集すると即座に編集内容が反映される.また,ブラウザでプレビューを開くことも可能.
- Live Server
- 簡易的な Web サーバとして機能する.HTML や JavaScript などのコードの実行結果を確認できる.使い方は Visual Studio Code で HTML 文書の空白部分を右クリックして「Open with Live Server」を実行するだけ.ブラウザが起動してそのページの実行結果を確認できる.Visual Studio Code で HTML ファイルを編集して保存すると自動的にブラウザ画面にその変更が反映される機能は非常に便利.
- Live Share
- ソースコードを複数人で共有し,共同で編集ができるようになる
- Markdown All in One
- マークダウン文書からHTMLファイルなどを作成できる
- Markdown+Math
- マークダウン文書のプレビューで TeX の数式を表示できる
- Marp for VS Code
- マークダウン文書からPDFファイル(スライド)などを作成できる(GitHubの参考ページ)
- Polyglot Notebooks
- C#, JavaScript, HTML など複数のプログラミング言語を同じノートブック内で実行できる.ただし,.NET のインストールも必要になる
- PrintCode
- コードを印刷できる
- Pylance
- Python開発支援(下のPython言語サーバと一緒に使う)
- Python
- Python言語サーバ
- SFTP
- リモートサーバのファイルを直接編集できる(使い方)
- VS Code Speech
- マイクに向かって話した内容が音声認識されてリアルタイムに文字列として入力されます.Japanese (Japan) language support for VS Code Speech 拡張機能と合わせてインストールするとよいでしょう.日本語を入力できるようにするには「設定」の「Accessibility > Voice:Speech Language」で「Japanese (Japan)」を選択します.起動するには,コマンドパレットを起動して「Voice: Start Dictation in Editor」を選択します.この機能は February 2024 (version 1.87) で利用可能になりました.
- vscode-icons
- エクスプローラでフォルダやファイルにアイコンを表示する
- vscode-pdf
- VS Code 内で PDF ファイルを表示する
- W3C Web Validator
- VS Code 内で HTML ファイルの検証を行える.ステータスバー左をクリックして検証を実行.結果は「表示」→「問題」メニューで確認できる.使い方はここで説明.
- zenkaku
- 全角スペースを強調表示してくれる
- テキスト校正くん
- テキストファイル (*.txt),マークダウンファイル (*.md),HTMLファイル (*.html),LaTeXファイル (*.tex) などの日本語文章を自動的に校正してくれます.