HOME > 開発ツール > [随時更新]Visual Studio Codeのおすすめエクステンション(拡張機能)紹介

[随時更新]Visual Studio Codeのおすすめエクステンション(拡張機能)紹介

Visual Studio Codeのエクステンション(拡張機能)について紹介します。 まだ新しいエディタソフトなので、これからどんどん充実していくと思います。 色々試し次第随時更新していきます。

Markdown関連

エディタといったらまずはMarkdownですね。下記がおすすめです。

Paste Image

https://marketplace.visualstudio.com/items?itemName=mushan.vscode-paste-image

Markdownファイル上でクリップボードにコピーした画像をCmd+Alt+Vで貼り付ける事ができます。 Markdownの場合、結構画像を表示させるのは面倒なのでこう言ったプラグインは非常に助かります。

PlantUML

https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml

Makdownのように簡単な記述でUMLの様々なダイアグラムを作成できるプラグイン。 設計書を気軽に作成したい、設計書をGitなどのバージョン管理したい場合に非常におすすめです。

Auto-Open Markdown Preview

若干地味ではありますが、このプラグインを入れておくと、markdownファイルを新規作成した場合に自動的にプレビュー画面を表示してくれます。

https://marketplace.visualstudio.com/items?itemName=hnw.vscode-auto-open-markdown-preview

Webアプリ開発関連

Preview HTML file in browser

名前のとおり、HTMLファイルをブラウザで開いてくれるプラグイン。 WindowsならCtrl+Alt+O、MacならCmd+Alt+Oのショートカットでブラウザで表示確認できます。

https://marketplace.visualstudio.com/items?itemName=coderfee.open-html-in-browser

ftp-sync

リモート環境とFTPまたはSFTPで同期する場合の定番プラグインです。

https://marketplace.visualstudio.com/items?itemName=lukasz-wronski.ftp-sync

docker

Dockerの開発を協力にサポートするプラグイン。

https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker
  • Dockerfiledocker-compose.ymlファイルの自動生成
  • Dockerfiledocker-compose.ymlファイルでのシンタックスハイライト
  • Dockerfileのスニペット機能
  • Dockerhub.comからのイメージを検索して候補としてリストアップしてくれる
  • Dockerfileの文法チェック
  • dockerコマンド呼び出し

その他

Sublime Text Keymap for VS Code

Sublime Textを使っている人には非常に嬉しいプラグイン。このプラグインをインストールするとSublime Textと同等のショートカットキーでVisual Studio Codeを操作できるようになります。

https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings

Git History

Git機能は標準でも実装されていますが、それをさらに高機能にするプラグインです。 グラフィカルなGit history表示、コミット差分表示などできます。

https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

gitflow

Visual Studio Code上で手軽にgitflowを操作できるプラグイン。

https://marketplace.visualstudio.com/items?itemName=vector-of-bool.gitflow

これからも随時おすすめのプラグインを見つけたら更新してきます!