2019年01月28日(月)
デバッグ作業が快適に!VS Codeにブラウザのプレビュー機能を加える機能拡張 -Browser Preview for VS Code
エディタで作業しながらデバッグをしたい人にぴったりな、VS Code内にChromeをプレビューとして表示させることができる機能拡張を紹介します。
ブラウザで単に表示するだけでなく、デベロッパーツールと連携させることも可能なので、デバッグがかなり捗ると思います。
Browser Preview for VS Code -GitHub
Browser Preview for VS Codeの特徴
Browser Previewは、VS Code内に実際のブラウザをプレビューとして表示させることができます。
- VS Code内でブラウザのプレビューが可能(Chrome Headlessにより)。
- 複数のプレビューを同時に開くことが可能。
- デバッグするURLを起動してChromeのデバッガーを開きな...
author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV
これなら簡単!SVG対応、アイコンを組み合わせてWebフォントのセットを作成できる無料ツール -Webfont
NEXT ›
[ユーザー投稿] ― RPA最前線 ― 従来OCRの課題を解決!「学習型データ抽出技術」が実現するさらなる自動化
関連記事
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『デバッグ作業が快適に!VS Codeにブラウザのプレビュー機能を加える機能拡張 -Browser Preview for VS Code』についてまとめています。
この記事は特にアイコン・Google・Chromeについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。