mirror of
https://github.com/Microsoft/vscode
synced 2024-08-28 13:29:44 +00:00
3.1 KiB
3.1 KiB
Setup
- Clone microsoft/vscode
- Run
yarn
at/
, this will install- Dependencies for
/extension/html-language-features/
- Dependencies for
/extension/html-language-features/server/
- devDependencies such as
gulp
- Dependencies for
- Open
/extensions/html-language-features/
as the workspace in VS Code - In
/extensions/html-language-features/
runyarn compile
(oryarn watch
) to build the client and server - Run the
Launch Extension
debug target in the Debug View. This will:- Launch a new VS Code instance with the
html-language-features
extension loaded
- Launch a new VS Code instance with the
- Open a
.html
file to activate the extension. The extension will start the HTML language server process. - Add
"html.trace.server": "verbose"
to the settings to observe the communication between client and server in theHTML Language Server
output. - Debug the extension and the language server client by setting breakpoints in
html-language-features/client/
- Debug the language server process by using
Attach to Node Process
command in the VS Code window opened onhtml-language-features
.- Pick the process that contains
htmlServerMain
in the command line. Hover overcode-insiders
respcode
processes to see the full process command line. - Set breakpoints in
html-language-features/server/
- Pick the process that contains
- Run
Reload Window
command in the launched instance to reload the extension
Contribute to vscode-html-languageservice
microsoft/vscode-html-languageservice contains the language smarts for html. This extension wraps the html language service into a Language Server for VS Code. If you want to fix html issues or make improvements, you should make changes at microsoft/vscode-html-languageservice.
However, within this extension, you can run a development version of vscode-html-languageservice
to debug code or test language features interactively:
Linking vscode-html-languageservice
in html-language-features/server/
- Clone microsoft/vscode-html-languageservice
- Run
yarn
invscode-html-languageservice
- Run
yarn link
invscode-html-languageservice
. This will compile and linkvscode-html-languageservice
- In
html-language-features/server/
, runyarn link vscode-html-languageservice
Testing the development version of vscode-html-languageservice
- Open both
vscode-html-languageservice
and this extension in two windows or with a single window with themulti-root workspace feature - Run
yarn watch
athtml-languagefeatures/server/
to recompile this extension with the linked version ofvscode-html-languageservice
- Make some changes in
vscode-html-languageservice
- Now when you run
Launch Extension
debug target, the launched instance will use your development version ofvscode-html-languageservice
. You can interactively test the language features.