mirror of
https://github.com/Myzel394/config-lsp.git
synced 2025-06-18 15:05:28 +02:00
28 lines
1.2 KiB
Markdown
28 lines
1.2 KiB
Markdown
# LSP Example for Embedded Language using Language Service
|
|
|
|
Heavily documented sample code for https://code.visualstudio.com/api/language-extensions/embedded-languages#language-services
|
|
|
|
## Functionality
|
|
|
|
This extension contributes a new language, `html1`. The new language is for illustration purpose and has basic syntax highlighting.
|
|
|
|
This Language Server works for `html1` file. HTML1 is like HTML file but has file extension `.html1`. You can create a `test.html1` file to play with below functionalities:
|
|
|
|
- Completions for HTML tags
|
|
- Completions for CSS in `<style>` tag
|
|
- Diagnostics for CSS
|
|
|
|
## Running the Sample
|
|
|
|
- Run `npm install` in this folder. This installs all necessary npm modules in both the client and server folder
|
|
- Open VS Code on this folder.
|
|
- Press Ctrl+Shift+B to compile the client and server.
|
|
- Switch to the Debug viewlet.
|
|
- Select `Launch Client` from the drop down.
|
|
- Run the launch config.
|
|
- If you want to debug the server as well use the launch configuration `Attach to Server`
|
|
- In the [Extension Development Host] instance of VSCode, open a HTML document
|
|
- Type `<d|` to try HTML completion
|
|
- Type `<style>.foo { c| }</style>` to try CSS completion
|
|
- Have `<style>.foo { }</style>` to see CSS Diagnostics
|