TransWikia.com

VSCode の Live html preview で HTML のプレビュー表示が出来ません

スタック・オーバーフロー Asked by eri on November 7, 2021

Macで使用していますが、VSCode の Live html preview という拡張機能でプレビュー表示がされません。
HTML画面にてcommandやshift等を用いて入力しましたが全く表示されずです。

3 Answers

angular ならこれ参考になります!
英語ですみません
https://medium.com/@MarkPieszak/debugging-angular-cli-inside-vscode-with-browser-preview-8dcc4b18ed64
基本的にbrowser preview と debugger for chromeをインストールしたら十分だけどangularならjsonファイル設定が必要。

Answered by Nitrousjp on November 7, 2021

もし Live HTML Previewer という拡張機能をお使いであれば、2020 年 6 月現在、この拡張機能にはプレビューができないというバグがあります。VSCode のアップグレードに伴って Live HTML Previewer が使っていた機能が使えなくなったためです。

代わりに他の拡張機能を検索し、使ってみてください。たとえば HTML Preview という拡張機能があったりします。

Answered by nekketsuuu on November 7, 2021


https://code.visualstudio.com/Docs/languages/html
こちらに記載の通り、プレビュー機能はついていません。VS Code Marketplaceで利用できる拡張機能があります。拡張機能ビュー(⇧⌘X)を開き、「ライブプレビュー」または「htmlプレビュー」で検索して、使用可能なHTMLプレビュー拡張機能のリストを表示します。
拡張機能を入れずに、作成中のhtmlファイルを叩いてクロムで確認しながら進めればいいと思います。

別途、 以下のページも参照してみてください。

web制作が捗りそうな便利なwebツール【随時更新】 - Qiita

Answered by 二階堂 晴隆 on November 7, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP