Skip to main content

VSCode & Cursor Support

The Jess editor extension is actively developed in this repo at packages/vscode, backed by packages/language-service.

Current status​

  • Extension target: VSCode and Cursor
  • Languages: css, less, scss, jess
  • Implemented editor features include:
    • diagnostics
    • completion
    • hover
    • go to definition / references
    • document symbols
    • folding + selection ranges
    • formatting
    • semantic tokens
    • color picker support
    • import/document links
note

The extension is currently source-first (in-repo) and not yet published as a stable marketplace package.

From the repo root:

pnpm --filter @jesscss/language-service build
pnpm --filter @jesscss/vscode-extension build

Then open VSCode/Cursor with this repository and run the launch config:

Run Jess Language Service (Extension Dev Host)

If you're building extension features right now, this is the fastest feedback loop.

Temporary fallback (syntax highlighting only)​

If you are not using the in-repo extension yet, you can still associate *.jess files with a CSS-like grammar (PostCSS works fine) as a temporary stopgap. You will get basic highlighting, but not Jess-aware intelligence.