Skip to content

iTrace-Dev/iTrace-VSCode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

iTrace-VSCode

Using iTrace-VSCode

There are two options to use iTrace-VSCode. VSCode's extension API does not provide access to the underlying DOM information, iTrace-VSCode must be loaded in as JavaScript into VSCode's DOM.

Tested on VSCode Version: 1.77.3.

Note that versions of VSCode after 1.77.3 made a breaking change, and iTrace will fail to load in them. This means you will need a separate installation of VSCode pinned to version 1.77.3.

Current Limitations/Assumptions

There is not currently support for having multiple editors visible at a time (e.g., split editing mode). Tabbed editing works fine.

VSCode DevTools

The first option to use iTrace-VSCode is to load it directly into the DevTools console.

  • Download the itrace.js file, and copy its contents
  • Open VSCode
  • Open iTrace-Core
  • Open the DevTools console window by going to Help->Toogle Developer Tools->Console
  • Paste the code into the console and press Enter

If no errors appear in the console, you should be good to go. You may close the DevTools window or leave it open for debugging, and you can set iTrace-Core up and begin tracking when ready.

Custom CSS and JS Loader

The second option is to use a VSCode Extension, Custom CSS and JS Loader. NOTE: This extension will modify the existing VSCode installation, meaning every time VSCode starts it will warn the installation is corrupt.

  • Follow the steps on the Extension's page
  • When it has you add files in settings.json, add the path to itrace.js
  • Be sure to run the Reload Custom CSS and JS command to have it load the JS into the VSCode application
  • Restart VSCode
  • After setting up the extension, make sure to have iTrace-Core open before launching VSCode

To track errors using this method, open the DevTools window's console.

Acknowledgements

Special thanks to @toBeOfUse for their vscode-scanner repo, which formed the base of this project!

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published