Edgeの次期バージョンから、ブラウザ内開発ツールでVSCodeが利用可能に

 (christianheilmann.com)
9 ポイント 投稿者 xguru 2021-10-21 | 3件のコメント | WhatsAppで共有

"Open Source files in VS Code"

  • ブラウザでフロントエンドコードをデバッグ中に変更したコードを実際に保存可能

→ ローカルで作業中の場合、ブラウザが自動認識してルートフォルダの選択を促し、ディスクアクセス権限を要求

→ 承認すると、DevToolsのすべてのリンクがブラウザのSourceウィンドウではなくVSCodeで開かれ、該当ファイルの場所へ移動

→ DevToolsで修正した内容がVSCodeに即座に反映され、VSCodeで修正して保存するとブラウザ側にも同期

  • Settings-Experimentsで有効にした場合のみ動作

関連記事

3件のコメント

 
ragus 2021-10-22

でも最近は純粋なHTML、CSS、JSを使って開発するというより、TypeScriptを使ったりSPA開発をすることが多く、webpackのようなツールでビルドする必要があるので、この機能が実際に役に立つのかは疑問ですね。
 
babo3yong2 2021-10-21

https://vscode.dev/

公開されたようですね
 
xguru 2021-10-22

あ、これは少し違う気がしたので別記事として上げました！