VSCODEの基本機能と便利な拡張機能について調べてみました！！

こんばんは！🌕
株式会社リヴェル 採用担当兼エンジニアのチノです😸
今日は少しバタバタしており、更新が遅くなりました！

本日は、vscodeについて調べてみました！🔍
使用されている方も多いのではないでしょうか？？
私も使用しています！！

目次

1. Visual Studio Codeとは？
2. ◇入れると便利な拡張機能７選！
3. 💠１．Prettier -Code formatter
4. 💠２．zenkaku
5. 💠３．IntelliCode
6. 💠４．Code Spell Checker
7. 💠５．Live Server
8. 💠６．Auto Rename Tag

Visual Studio Codeとは？

vscodeと呼ばれる名高いテキストエディタですね！✨
無料で、ショートカットや拡張機能が豊富で、
OSはMacでもWindowsでも使用することが出来ます🔅
使用されている方も多いのではないでしょうか？？
私もvscodeを使用しています！

◇入れると便利な拡張機能７選！

💠１．Prettier -Code formatter

コードを綺麗に整頓してくれる拡張機能です！✨
実際に使用していますが、HTML,CSS,Markdownを書く際にとても便利です！

💠２．zenkaku

全角スペースを強調して表示してくれる機能です！！
全角混入によるミスによってエラーが発生することを防げます✨

💠３．IntelliCode

コードを補完してくれる機能です！
AIを使用しているため、文脈によって常に最適なコードを表示してくれます👻

💠４．Code Spell Checker

コードのスペルミスを指摘してくれます！！
スペルミスによるエラーを防げるようになるので、作業効率も爆上がりします🔥✨

💠５．Live Server

自動更新機能を持つローカル環境サーバーを構築できる、画期的な拡張機能です。
HTML、CSS、JavaScriptの変更をリアルタイムでプレビューでき、ブラウザを手動で更新する手間を省くことができます。

💠６．Auto Rename Tag

開始タグまたは終了タグを変更すると、タグの名前も自動的に変更される便利な機能です！
使うことによってミスも減り、作業効率向上にも役立ちそうですね！✨

Download Visual Studio Code – Mac, Linux, WindowsVisual Studio Code is free and available on your favorite placode.visualstudio.com

今回はvscodeを取り上げましたが、テキストエディタによっては有料のものもあるので、
💠無料/有料？
💠自分のPCで使える？
💠使いたい機能がある？
かをよく確認して、使用するテキストエディタを選べるといいですね✨

結びになりますが、株式会社リヴェルではエンジニア採用を強化しております！✨
カジュアル面談を実施しておりますので、ざっくばらんにお話しして貴方のご経歴・スキル・どのようなエンジニアになりたいかをお聞かせください😚皆様の積極的なご応募をお待ちしております！！😽

あわせて読みたい

本日も最後までお読みいただきありがとうございました✨
また明日も投稿するので、お読みいただけると嬉しいです😸
それでは、また明日🔅