スポンサーリンク

Visual Studio Codeでhtmlを使うための準備

Visual Studio Codeでhtmlを使うための準備

Visual Studio Codeのインストール

まずは、VSCodeのインストールを行う。

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