LSP server for SCSS and Sass indented. Full support for @use and @forward, including aliases, prefixes and hiding. Rich documentation through SassDoc. Workspace-wide code navigation and refactoring.
npm install some-sass-language-serverThis is the language server that powers the Some Sass extension for Visual Studio Code.
The language server provides:
- Full support for @use and @forward, including aliases, prefixes and hiding.
- Workspace-wide code navigation and refactoring, such as Rename Symbol.
- Rich documentation through SassDoc.
- Language features for %placeholder-selectors, both when using them and writing them.
- Suggestions and hover info for built-in Sass modules, when used with @use.
- Support for both Sass syntaxes as well as CSS.
You can install the language server with npm:
``sh``
npm install --global some-sass-language-server
Then see how to configure a client.
| Request | Capability | vscode-css | some-sass |
|---|---|---|---|
textDocument/codeAction | CSS code actions | ✅ | ✅ |
| Sass code actions | ✅ | ||
textDocument/colorPresentation | Color picker for CSS colors | ✅ | ✅ |
textDocument/completion | CSS completions | ✅ | ✅ |
| Sass same-document completions | ✅ | ✅ | |
| Sass workspace completions | ✅ | ||
| SassDoc completions | ✅ | ||
textDocument/definition | Same-document definition | ✅ | ✅ |
| Workspace definition | ✅ | ||
textDocument/documentColor | CSS colors | ✅ | ✅ |
| Sass variable colors | ✅ | ||
textDocument/documentHighlight | Highlight references in document | ✅ | ✅ |
textDocument/documentLink | Navigate to linked document | ✅ | ✅ |
textDocument/documentSymbol | Go to symbol in document | ✅ | ✅ |
textDocument/foldingRange | Code block folding | ✅ | ✅ |
textDocument/formatting | Format document | ✅ | |
textDocument/hover | CSS hover info | ✅ | ✅ |
| Sass hover info | ✅ | ||
| SassDoc hover info | ✅ | ||
textDocument/rangeFormatting | Format selection | ✅ | |
textDocument/references | CSS references | ✅ | ✅ |
| Sass references | ✅ | ||
textDocument/rename | Same-document rename | ✅ | ✅ |
| Workspace rename | ✅ | ||
textDocument/selectionRange | Ranges for expand/shrink selection | ✅ | ✅ |
textDocument/signatureHelp | Sass function/mixin signature help | ✅ | |
workspace/symbol | Go to symbol in workspace | ✅ |
See the documentation for an updated list.
The best place to get started is the guide for new contributors.