Debugging

This page assumes you're using Visual Studio Code as the debugger. Go to the Run and Debug pane in VS Code to find the different launch configurations.

Launch extension
Launch web extension
Launch integration tests
Launch web integration tests

Launch extension

This opens a new window of Visual Studio Code running as a local extension host. Open the Sass project you're using to test in the extension host window. If you don't have one you can open the folder vscode-extension/test/fixtures/ in this repository.

Set breakpoints

Find node-server.js in the vscode-extension/dist/ folder to set breakpoints. A good place to start is to search for the request handlers in server.ts like onCompletion and onHover.

Restart the debugger after building to see any changes you make in the code.

See log output

You'll find the log output in two places:

The Debug console in the window where you started the debugger.
The Output pane in the extension host (pick Some Sass from the dropdown).

Launch web extension

This opens a new window of Visual Studio Code running as a web extension host. Open the Sass project you're using to test in the extension host window. If you don't have one you can open the folder vscode-extension/test/fixtures/ in this repository.

Find browser-server.js in the vscode-extension/dist/ folder to set breakpoints.