mirror of
https://github.com/Microsoft/vscode
synced 2024-08-28 13:29:44 +00:00
2.9 KiB
2.9 KiB
Setup
- Clone microsoft/vscode
- Run
yarn
at/
, this will install- Dependencies for
/extension/css-language-features/
- Dependencies for
/extension/css-language-features/server/
- devDependencies such as
gulp
- Dependencies for
- Open
/extensions/css-language-features/
as the workspace in VS Code - Run the
Launch Extension
debug target in the Debug View. This will:- Launch the
preLaunchTask
task to compile the extension - Launch a new VS Code instance with the
css-language-features
extension loaded - You should see a notification saying the development version of
css-language-features
overwrites the bundled version ofcss-language-features
- Launch the
- Test the behavior of this extension by editing CSS/SCSS/Less files
- Run
Reload Window
command in the launched instance to reload the extension
Contribute to vscode-css-languageservice
microsoft/vscode-css-languageservice contains the language smarts for CSS/SCSS/Less. This extension wraps the css language service into a Language Server for VS Code. If you want to fix CSS/SCSS/Less issues or make improvements, you should make changes at microsoft/vscode-css-languageservice.
However, within this extension, you can run a development version of vscode-css-languageservice
to debug code or test language features interactively:
Linking vscode-css-languageservice
in css-language-features/server/
- Clone microsoft/vscode-css-languageservice
- Run
yarn
invscode-css-languageservice
- Run
yarn link
invscode-css-languageservice
. This will compile and linkvscode-css-languageservice
- In
css-language-features/server/
, runyarn link vscode-css-languageservice
Testing the development version of vscode-css-languageservice
- Open both
vscode-css-languageservice
and this extension in a single workspace with multi-root workspace feature - Run
yarn watch
invscode-css-languageservice
to recompile the extension whenever it changes - Run
yarn watch
atcss-language-features/server/
to recompile this extension with the linked version ofvscode-css-languageservice
- Make some changes in
vscode-css-languageservice
- Now when you run
Launch Extension
debug target, the launched instance will use your development version ofvscode-css-languageservice
. You can interactively test the language features. - You can also run the
Debug Extension and Language Server
debug target, which will launch the extension and attach the debugger to the language server. After successful attach, you should be able to hit breakpoints in bothvscode-css-languageservice
andcss-language-features/server/