0

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

0

3 件の回答 3

2

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

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

1
  • Live html previewです。何回挑戦しても開けなかったのはそう言う事だったんですね。別にある拡張機能教えて頂きありがとうございます!
    – eri
    Commented 2020年6月6日 1:16
0


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

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

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

1
  • クロムで開くことが出来ました!ご回答ありがとうございます✨
    – eri
    Commented 2020年6月6日 1:12
0

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

1
  • 単なるリンクだけですと回答とは言えず、削除対象になってしまうかもしれないです。こちらを参考に。よろしければリンクを参考に日本語で回答いただけるとより良いでしょう。
    – keitaro_so
    Commented 2020年7月22日 1:45

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。