22 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 VS Code はウェブ開発に便利だな~、いっそブラウザーのタブも表示できないかな~、そう考えのあなたに朗報です。できます。 題名のとおり MS Edge を使うんだけど、macOS など Edge を導入していない場合は Chrome で代用できます。 デモプロジェクト よければこちらご利用ください。昨日のに追加しました。サーバーは npm run start ないし node server.js で起動します。 ginpei/vscode-debug-web-demo 本記事に沿って設定するか、あるいは .vscode.example/ を .vscode/ へコピーすればすぐデバッグ開始できます。 Microsoft Edge Tools で VS Code 内にブラウザーの
![VS Codeの中でブラウザーを開いてCSS開発(ひとり DevTools Advent Calendar 2020 – 22日目) | Ginpen.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/ba686bbe4ef677f3997576e2ef23d2952cf2ede0/height=288;version=1;width=512/https%3A%2F%2Fginpen.com%2Fwp-content%2Fuploads%2F2020%2F12%2Fvscode-edge-elements-thumbnail.png)