Visual Studio Codeでhtmlを使うための準備
Visual Studio Codeのインストール
まずは、VSCodeのインストールを行う。
VSCodeのインストールは下記サイト参照
Visual Studio Code htmlを使うときのおすすめ拡張機能
HTML Snippets
この拡張機能は、VS CodeにHTMLの豊富なサポートを追加します。
- すべてのhtmlタグのサポート
- コードの色付け
- スニペット(使用したコードの履歴候補)
- タグが廃止予定かどうかの説明
HTML CSS Support
HTMLドキュメントに対するCSSのサポートを行う
- クラス属性の補完
- ID属性の補完
- css、scssファイルの検索機能
HTML Preview
VSCodeで編集中にHTMLファイルをプレビューするための拡張機能
- プレビューを開く – ctrl+shift+vまたはcmd+shift+v
- 横にプレビューを開く – ctrl+k vまたはcmd+k v