VSCode-logo

VSCodeでHTMLのリアルプレビューを可能にする拡張機能

「HTML Preview」

を導入した。

HTML Previewの使い方

1. Ctrl + Shift + x (Extensions) -> HTML Previewを検索し、インストール

VSCode-HTML Preview

 

2. 一度htmlファイルを保存(保存していないとプレビュー表示されない)

 

3. htmlファイルを開き、下記入力

  • Windos: Ctrl + K -> V
  • Mac: Cmd + K -> V

 

3. 他の拡張機能とショートカットがバッティングしている場合、

  • Windos: Ctrl + Shit + P
  • Mac: Cmd + Shift + P

と押してから、「HTML: Open Preview to the Side」を選択すれば、横にプレビュー表示される

 

 

これは便利 ♪

References

にほんブログ村 科学ブログ 脳科学へ
にほんブログ村 子育てブログ 海外ワーキングマザー育児へ
PVアクセスランキング にほんブログ村