https://github.com/subsetcss/vscode-language-server

Autocomplete css/sass/less via a subsetcss.js config file
https://github.com/subsetcss/vscode-language-server

autocomplete css sass vscode

Last synced: 9 days ago
JSON representation

Autocomplete css/sass/less via a subsetcss.js config file

• Host: GitHub
• URL: https://github.com/subsetcss/vscode-language-server
• Owner: subsetcss
• Created: 2019-07-25T01:32:12.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T19:40:13.000Z (almost 2 years ago)
• Last Synced: 2024-05-01T21:33:55.787Z (7 months ago)
• Topics: autocomplete, css, sass, vscode
• Language: TypeScript
• Homepage: https://subsetcss.netlify.app
• Size: 126 KB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SubsetCSS VSCode Autocomplete

Adds custom VSCode autocomplete for CSS (Sass and Less as well) autocomplete by specifying a subset of values/variables.

## Functionality

This Language Server works for CSS, Sass, and Less files. It has the following language features:

- Completions

It also includes an End-to-End test.

## Structure

```

.

├── client // Language Client

│   ├── src

│   │   ├── test // End to End tests for Language Client / Server

│   │   └── extension.ts // Language Client entry point

├── package.json // The extension manifest.

└── server // Language Server

    └── src

        └── server.ts // Language Server entry point

```

## Running 

- 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 CSS, Sass or Less file to try out auto completion.

See https://code.visualstudio.com/api/language-extensions/language-server-extension-guide for details