はじめに
私はWebアプリケーションエンジニアで、VueやPHP等をよく使います。
その中で便利だった拡張機能をいくつか紹介します。
できる限り他の記事では紹介されていないものを選んでみました。
1. htmltagwrap
Alt + Wで選択した場所を任意のタグを囲うことが出来ます。
詳しい使い方：https://webrandum.net/vscode-plugin-htmltagwrap/
2. Auto Rename Tag
HTMLタグの開始と終了を同時に書き換えてくれます。
3. Trailing Spaces
半角スペース、全角スペースが入っているところを赤く記してくれます。
4. Project Manager
VSCodeで作業フォルダを切り替える場合、ファイル→フォルダの選択→エクスプローラと手間が多いかと思います。
この拡張機能はその作業をワンクリックで済ますことが可能で、複数の案件を担当しているときに便利です。
5. Path Autocomplete
importするときなど、パスを手入力している時「/」を入力する度にファイルやフォルダの候補を出してくれます。
6. Code Spell Checker
存在しない英単語やおかしな英語を使っていた時に記しをつけてくれます。
スペルミスをしなくなるのでミスが激減します。
7. Excel Viewer
csvファイルやExcelファイルをVscode上で開くことが出来ます。
csvファイルはそのままだと見づらいので、とても重宝しています。
8. GitLens — Git supercharged
有名だと思うのですが、一応ご紹介します。
VSCode上でGit操作をGUIで行うことができ、かなり便利です。
行にカーソルをあわせると、最後に編集した人の名前が出てくるので、そのコードに関しての質問をしたい時などとても便利です。