HTMLの整形に関する設定は、以下を参照。
https://learn.frog-eight.info/syntax-check/#index_id3
目次
VS Codeの拡張機能
沢山ありますが、必要最低限のもの、あると便利なものを紹介します。
- W3C Web Validator
識別子 celianriboulet.webvalidator
HTMLの構文チェックツール。 - Live Server
識別子 ritwickdey.liveserver
仮想サーバーでブラウザ表示できる。コードを変更すると即時反映される。
使用するブラウザは、設定で「liveserver」と検索し、「Custom Browser」の箇所で変更可能。（上記画像参照） - Japanese Language Pack for Visual Studio Code
識別子 ms-ceintl.vscode-language-pack-ja
日本語化プラグイン。他の言語版もあり。 - 中級者向け：
- Windsurf Plugin (formerly Codeium)—>別途アカウント登録＋接続設定が必要
識別子 codeium.codeium
AIコード生成。提案された内容を確定するにはTABキーを押します。
（生成されたコードが正しいか都度判断する必要があるので初心者向けではないが、紹介）
- Windsurf Plugin (formerly Codeium)—>別途アカウント登録＋接続設定が必要
コーディングでよく使うキーボードのキー配置
HTMLとCSSのリファレンス
mdn web docs : HTML 要素リファレンス
https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements
mdn web docs : CSS リファレンス
https://developer.mozilla.org/ja/docs/Web/CSS/Reference
