ContactAboutColumnWorksContactフロントエンド#コーディング#Webエンジニア2023.04.19現場の人がよく使う!エディタ紹介こんにちは。フロントエンドエンジニアのしばみです。Peek4.まとめテキストエディタって?テキストエディタとは、パソコンでコードや文章を作成する際に使用するソフトのことです。VSCode)」をご紹介します。VSCodeとはVSCodeとは、Microsoftが提供する無料のテキストエディタです。https://code.visualstudio.com/・Windows、macOS、Linuxなど主要なプラットフォームで利用できる・多くの言語に対応し、シンタックスハイライトしてくれる・Gitと連携できる・拡張機能が豊富で、自分が使いやすい形にいくらでもカスタマイズできるなどが特徴です!VSCodeの拡張機能VSCodeを便利に使える醍醐味といえば、拡張機能です!いくつかご紹介します。Pack」をインストールすることで、日本語に変更することができます。https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-jaHTMLHint「HTMLHint」は、HTMLの文法をリアルタイムでチェックしてくれる拡張機能です!閉じタグが足りない、DOCTYPE宣言が不足している、などなど、HTMLの文法で間違っている箇所をハイライトして、エラー内容を教えてくれます。Tag」は、HTMLの開始タグを変更すると、自動で閉じタグも更新してくれる拡張機能です!うっかり閉じタグだけ変更し忘れて文法エラーになることもあるので、優しい拡張機能ですね。Peek」は、HTMLファイルから対象のタグやクラスに対してどのようなスタイルが指定されているか調べることができる拡張機能です。Code」と、その拡張機能についてご紹介しました。