ここ数年エディターは Visual Studio Code (VS Code)を使っています。Microsoft 製のエディターで豊富な拡張機能が提供されているのが特徴です。単なるエディターの機能にとどまらず、開発環境のような機能すらも提供するソフトウェアです。
今回は私の環境で使ってる拡張機能を紹介します。
使いやすい機能色々
Japanese Language Pack for Visual Studio Code
VS Code を日本語環境にする機能です。インストールしたらCtrl + Shift + P
(⌘ + Shift + P
)でコマンドパレットを表示し、Configure Display Language コマンドからja
を選択して日本語化します。
リンク:https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja
vscode-icons
VS Code のエクスプローラーに表示するファイル名の頭にアイコン画像を表示します。拡張子によって自動的にアイコンが変わるので判別しやすいです。
![demo](file:///Users/sny0421/Library/CloudStorage/OneDrive-Ether-Zone/10_Blog/backup/diary/Visual%20Studio%20Code%20%E3%81%AE%E4%BD%BF%E3%81%A3%E3%81%A6%E3%82%8B%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%20%E2%94%82%20Ether-Zone_files/screenshot.gif)
リンク:https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
Peacock
ワークスペースごとに色を変えて環境を把握しやすくする機能です。VS Code はワークスペースという単位で環境を定義できるので、複数のワークスペースを使い分けるのに役立ちます。
コマンドパレットからPeacock: Change to a favorite color
を実行することで、ワークスペースの色を変更できます。
![Peacock Windows Peacock Windows](./Visual Studio Code の使ってるおすすめ拡張機能 │ Ether-Zone_files/hero.png)
リンク:https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
Setting Sync
VS Code の環境設定をクラウド上に保存し、他の環境に同期できるようにする機能です。一度環境設定をアップロードしておけばいつでもどこでも同じ環境をすぐに構築できます。利用には GitHub アカウントを用意しておく必要があります。
![Login with GitHub](./Visual Studio Code の使ってるおすすめ拡張機能 │ Ether-Zone_files/login-with-github.png)
リンク:https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
PlantUML
UML 図をコーディングで描画できます。記述方法を覚える必要はありますが、慣れれば簡易で綺麗な図をすぐに描画できます。
![audo update demo](./Visual Studio Code の使ってるおすすめ拡張機能 │ Ether-Zone_files/auto_update_demo.gif)
リンク:https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml
Rainbow CSV
CSV ファイルを区切りごとに自動で色付けしてくれます。列数が多いとどのデータに対応しているかわかりづらくなるのでこちらも便利です。
![screenshot](./Visual Studio Code の使ってるおすすめ拡張機能 │ Ether-Zone_files/PRFKVIN.png)
リンク:https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv
コメント