Demos/css-mirroring-sourcemaps-demo
Christian Heilmann e37df194a3 Adding demo zip 2022-04-07 23:31:34 +02:00
..
.vscode Adding sourcemaps demo for VS code extension 2022-04-07 23:27:43 +02:00
public Adding sourcemaps demo for VS code extension 2022-04-07 23:27:43 +02:00
src Adding sourcemaps demo for VS code extension 2022-04-07 23:27:43 +02:00
README.md Adding demo zip 2022-04-07 23:31:34 +02:00
demo.zip Adding demo zip 2022-04-07 23:31:34 +02:00
index.html Adding demo zip 2022-04-07 23:31:34 +02:00
package-lock.json Adding sourcemaps demo for VS code extension 2022-04-07 23:27:43 +02:00
package.json Adding sourcemaps demo for VS code extension 2022-04-07 23:27:43 +02:00
script.js Adding sourcemaps demo for VS code extension 2022-04-07 23:27:43 +02:00
sourcemaps-demo.png Adding sourcemaps demo for VS code extension 2022-04-07 23:27:43 +02:00
style.css Adding sourcemaps demo for VS code extension 2022-04-07 23:27:43 +02:00

README.md

Demo app to test sourcemap support of the VS Code Edge DevTools extension

This is a basic app to test the sourcemap support for CSS mirroring in the Edge DevTools extension for Visual studio code.

screenshot of the app inside VS code

To run the app and test the functionality follow these steps:

  1. Make sure you have the Microsoft Edge DevTools for Visual Studio Code extension installed
  2. Clone this repo or download the zip of this app and unpack it
  3. Open the folder in Visual Studio Code
  4. Run npm i in the Terminal
  5. Run npm start in the Terminal
  6. Switch VS Code to "Run and Debug" and run "Launch Edge and Attach DevTools" (the project is already configured to use Edge Canary, just make sure you have it installed)
  7. Start editing Styles in DevTools and watch them sync!

We have an issue open in the Extension repository and we'd love to get your feedback there!