VScode

VScode でHTMLプレビュー

投稿日:2020年3月20日 更新日:

目的

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

環境

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

手順

  1. VScodeを開く
  2. Extensionsメニューから「HTML preview」を検索
  3. HTML Previewが見つけInstallを押す(今回は0.2.5)
  4. 新規ファイルでコードを書く
<h1>Heading</h1>>
<p>Paragraph</p>>
<a href = "https://google.com">Googleへ</a>
  1. Ctrl+k → vを押す
  2. サイドバーが現れプレビューが出る

まとめ

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

-VScode
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

VScode でSQL(PostgreSQL)開発環境用意

Contents1 目的2 環境3 Step1 : SQLToolsのインストール4 Step2 : データベースとの接続5 Step3 : SQL発行6 まとめ 目的 VScodeでpythonやら …

【VSCode】grep & replace で複数ファイル内の文字列を一発検索&置換

Contents1 概要2 まず結論3 環境4 検索手順5 置換手順 概要 ソースコードのどのファイルにあのメソッドを使ったっけ・・・?このデータが含まれるcsvファイルってどれだっけ・・・? 上記の …

VSCodeでJupytreNotebookを使う

Contents1 目的2 環境3 Step1 : pythonプラグインインストール4 Step2 : JupyterNotebookの立ち上げ5 Step : 3 使ってみる6 まとめ 目的 VS …

VScodeからOracleを使う

Contents1 目的2 環境3 Oracle Developer Tools for VS Codeのインストール4 Oracleとの接続5 SQL発行してみる6 まとめ 目的 VScodeを使う …

VSCodeから外部のJupyterへ接続する

Contents1 目的2 環境3 Step1 : Jupyterのconfig設定4 Step2 : VSCodeからの接続5 Step3 : Jupyterを使用して確認6 まとめ 目的 自端末の …

言語切り替え

カテゴリー