
VS CodeでHTMLとCSSを書くときに便利なプラグインを紹介するにゃん。
日本語にする
ダウンロードしたときは英語なので、日本語にできます。
※再起動が必要です
Japanese Language Pack for Visual Studio Code
https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja


プレビューが見れる
プレビューでリアルタイムで見ながら作れます。
Live Preview
https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server


全角スペースの可視化
全角スペースで書いてしまうと機能しない問題が解決されます。
EvilInspector
https://marketplace.visualstudio.com/items?itemName=saikou9901.evilinspector


インデントしてくれる
カテゴリーごとに改行されて見やすくなります。
indent-rainbow
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow


タグの片方を書き換えるともう片方も書き換えてくれる
書き換え忘れの予防になります。
Auto Rename Tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag


ペアの閉じタグを自動作成
閉じタグを自動作成してくれるので作業が減ります。
Auto Close Tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag


ペアのタグを強調
マーカーされてペアのタグが目立ちます。
Highlight Matching Tag
https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag


スペルチェック
メジャーな英語スペル間違いを教えてくれます。
Code Spell Checker
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

