(エディタとは高機能なメモ帳のようなものです。)
エディタには多くの種類がありますが、その中でも現在エンジニアの間で最も利用されていると言われているのが「Visual Studio Code(ビジュアル・スタジオ・コード、通称:VSCode)」です。
VSCodeの拡張機能は様々ありますが、扱う言語や目的によって適したものを使うことでかなり業務の効率化が図れます。
今回は、私がWeb制作で実際に使用しているテキストエディタ「Visual Studio Code」の便利な拡張機能についてご紹介します。
1.Japanese Language Pack for Visual Studio Code
![](https://ai-create.net/magazine/wp-content/uploads/2022/04/japanese_language_pack_for_visual_studio_code.jpg)
Visual Studio Codeを日本語化する。
2.Project Manager
![](https://ai-create.net/magazine/wp-content/uploads/2022/04/project_manager.jpg)
ワンクリックで対象のプロジェクトを開くことができる。
3.indent-rainbow
![](https://ai-create.net/magazine/wp-content/uploads/2022/04/indent-rainbow.jpg)
インデントに色を付ける。
4.SFTP
![](https://ai-create.net/magazine/wp-content/uploads/2022/04/sftp.jpg)
FTPソフトを立ち上げなくても、ファイルアップロードを自動で行うことができる。
5.Highlight Matching
![](https://ai-create.net/magazine/wp-content/uploads/2022/04/highlight_matching_tag.jpg)
HTMLの開始タグと対応する終了タグをわかりやすく表示してくれる。
6.HTML CSS Support
![](https://ai-create.net/magazine/wp-content/uploads/2022/04/html_css_support-.jpg)
Class名入力時に、CSS側でスタイル適用しているClass名を候補に出力させる補完機能。
7.htmltagwrap
![](https://ai-create.net/magazine/wp-content/uploads/2022/04/htmltagwrap.jpg)
選択文字列部分をhtmlタグで囲む。
8.PHP Intelephense
![](https://ai-create.net/magazine/wp-content/uploads/2022/04/php_Intelephense.jpg)
コード補完やコードチェックをしてくれる。