development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-09-13 13:46:13 +00:00
Code Issues Packages Projects Releases Wiki Activity
vscode/extensions/html-language-features
History
Ramya Achutha Rao f89c16c04c Standardize readme across built-in extensions #54098
2018-07-11 16:38:32 -07:00
..
.vscode Auto reconnect for attaching LS 2018-03-21 16:54:08 -07:00
client [handlebars] code-folding algorithm is less useful than Indentation-based one. Fixes #48457 2018-05-28 17:13:56 +02:00
icons [html] split extension (for #45900) 2018-03-17 16:32:55 +01:00
server Update to TS 3.0 insiders 2018-07-09 09:34:24 -07:00
.vscodeignore [html] split extension (for #45900) 2018-03-17 16:32:55 +01:00
OSSREADME.json [html] split extension (for #45900) 2018-03-17 16:32:55 +01:00
package.json Move to latest vscode-nls for corrupted cache support 2018-07-03 16:12:52 +02:00
package.nls.json [folding] remove experimental flag for json/html 2018-03-20 15:29:48 +01:00
README.md Standardize readme across built-in extensions #54098 2018-07-11 16:38:32 -07:00
yarn.lock Move to latest vscode-nls for corrupted cache support 2018-07-03 16:12:52 +02:00

README.md

Language Features for HTML.

Notice This extension is bundled with Visual Studio Code. It can be disabled but not uninstalled.

Features

This extension provides rich language support to HTML files.

  • auto-completion
  • linting
  • diagnostics
  • extra information on hover
  • navigation to definition and references
  • formatting

Development

  • 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
  • Open /extensions/html-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 html-language-features extension loaded
    • You should see a notification saying the development version of html-language-features overwrites the bundled version of html-language-features
  • Test the behavior of this extension by editing html files
  • 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 in vscode-html-languageservice
  • Run yarn link in vscode-html-languageservice. This will compile and link vscode-html-languageservice
  • In html-language-features/server/, run npm link vscode-html-languageservice

Testing the development version of vscode-html-languageservice

  • Open both vscode-html-languageservice and this extension in a single workspace with multi-root workspace feature
  • Run yarn watch at html-languagefeatures/server/ to recompile this extension with the linked version of vscode-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 of vscode-html-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 both vscode-html-languageservice and html-language-features/server/