This document describes the stylable-intelligence project setup and development process. Readme for the extension itself can be found here.
- Clone this repo
- Run
npm ito install dependencies - Run
npm testto test and build the vscode extension - To launch and debug the extension:
- open the repo in VSCode
- open the 'Debug Panel' in VSCode
- Choose the 'Launch Extension' configuration and press play, a new VSCode instance will open to debug
- Once the extension is launched, choose the 'Attach' configuration and press play once more.
- You can now add breakpoints and debug the project by placing breakpoints in the original VSCode and triggering actions in the debugged instance of VSCode
- VSCode example client/server: https://code.visualstudio.com/docs/extensions/example-language-server
- VSCode extension reference: https://code.visualstudio.com/docs/extensionAPI/overview
- CSS Language Service: https://github.com/Microsoft/vscode-css-languageservice
- CSS Syntax Highlighter (TextMate format, base for our own): https://github.com/Microsoft/vscode/blob/master/extensions/css/syntaxes/css.tmLanguage.json
- Color Icon and Color Picker: microsoft/vscode#38959
- Allow disabling Color Picker: microsoft/vscode#42344
- Why no file icon in VScode? : microsoft/vscode#14662
- Issues regarding completion display/filtering:
- Bug in completion text matching (mine): microsoft/vscode#34542
- Lots of explanations and links to code about how completions are ordered and filtered: microsoft/vscode#26096
- Link to activating completion ranking display: microsoft/vscode#41060 (comment)