IT Learning

VScode
0

VScode でHTMLプレビュー

by SEBONE · 公開済み 2020年3月20日 · 更新済み 2020年5月19日

Table of Contents

目的

Microsoft VScodeでhtmlを記述している最中にプレビューを見たい。

環境

Windows10
VScode Version1.43
使用プラグイン HTML Preview

手順

VScodeを開く
Extensionsメニューから「HTML preview」を検索
HTML Previewが見つけInstallを押す（今回は0.2.5）
新規ファイルでコードを書く

<h1>Heading</h1>>
<p>Paragraph</p>>
<a href = "https://google.com">Google&#12408;</a>

Ctrl+k → vを押す
サイドバーが現れプレビューが出る

まとめ

リンクなどもきちんと作動し、便利。

タグ: エディタ

おすすめ

コメントを残すコメントをキャンセル