• 虹色ミツバチ
  • freoカスタマイズメモ、テンプレート・プラグイン配布/officeTIPS
検索プラグイン
虹色ミツバチ

> Entry >Other>エディタ> Visual Studio Code のオススメ拡張機能

【Other】【エディタ】Visual Studio Code のオススメ拡張機能

 Visual Studio Code で自分が使っている拡張機能をまとめておく記事です。

入力支援系

Auto Rename Tag

開始タグまたは閉じタグの属性を変更すると自動的にペアのタグの属性を変更してくれる。
開始タグと閉じタグがペアになってない状態でリネームしようとすると別の位置のタグを勝手にペア認定してしまうのでちょっと扱いに注意が必要。

配布元:
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Auto Rename Tag

Auto Close Tag

開始タグの閉じカッコを入力すると自動的に閉じタグを生成してくれる。

配布元:
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

Auto Close Tag

EvilInspector

全角スペースを強調表示してくれる。

配布元:
https://marketplace.visualstudio.com/items?itemName=saikou9901.evilinspector

EvilInspector

indent-rainbow

インデントの個数に応じて色をつけてくれる。

配布元:
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

indent-rainbow

Trailing Spaces

行末の不要な空白を強調表示・削除してくれる。

配布元:
https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces

Multiple clipboards for VSCode

Ctrl+Shift+Vでクリップボードのコピー履歴をさかのぼれる。

配布元:
https://marketplace.visualstudio.com/items?itemName=slevesque.vscode-multiclip

Relative Path

Ctrl+Shift+Pで[Relative Path]指定後、ファイル名を入力検索してファイルを指定すると選択したファイルへの相対パスが表示される。

配布元:
https://marketplace.visualstudio.com/items?itemName=jakob101.RelativePath

Git関係

Git Lens

行ごとに誰が更新したのか表示してくれたりする。(画像赤線部分)

配布元:
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Git Lens

Git History

Gitのコミット履歴表示してくれたり前バージョンとの差分やコミット内容表示してくれたりする。

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

Git History

 

ページ移動

関連記事

ユーティリティ

Twitter

ページ上部へ