Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>AlmasixNew to Visual Studio Code? Get it now.
Almasix

Almasix

Almasix

|
2 installs
| (0) | Free
Native Almasix Idea parity via smith ide:index — Prism, completions, navigation, rename, and Smith helpers for VS Code / Cursor / VSCodium
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Almasix for VS Code / Cursor / VSCodium

0.4.0 — native Idea parity driven by smith ide:index --json (same intelligence as Almasix Idea), not LSP by default.

Split from the former monorepo almasix-dev/ide-support. JetBrains lives in almasix-dev/almasix-idea.

Features

  • Prism (.prism.html) highlighting + snippets + dotenv language
  • Prism file icon (language icon + optional Almasix File Icons theme)
  • Completions for routes, views, config, env, components, gates, columns, …
  • Go to Definition / Find References / Rename for indexed call-site symbols
  • Hover docs + unknown-symbol / Prism structure diagnostics
  • Document links (Ctrl/Cmd-hover underline) on navigable strings
  • Almasix activity-bar Symbols tree
  • Almasix: New… / New Model… QuickPicks (smith make:*)
  • Tasks: serve, migrate, test, queue:work
  • Status bar: Almasix · N routes · M views
  • Optional legacy LSP when almasix.useLsp is true (default false)

See PARITY.md for parity notes and shared limitations.

Install

Client Where to install
VS Code Visual Studio Marketplace
Cursor / VSCodium / Windsurf Open VSX (Extensions search), or the same Marketplace ID if your client mirrors it
Any .vsix from GitHub Releases → Install from VSIX…
  1. Install the extension (table above).

  2. Open an Almasix app (bootstrap/app.py). Ensure:

    smith ide:index --json | head
    
  3. Optional: smith ide:install to write .vscode/settings.json / extensions.json.

Prism file icons

The extension contributes the official Prism mark (media/prism.svg) as the prism-html language icon.

Explorer icons still come from your File Icon Theme. Themes like Seti / Material Icon Theme usually match the trailing .html and show an HTML icon for *.prism.html. To use the Prism mark in the explorer:

  • Command Palette → Preferences: File Icon Theme → Almasix File Icons, or

  • Keep your theme and associate the compound extension (Material Icon Theme):

    "material-icon-theme.files.associations": {
      "*.prism.html": "blade"
    }
    

    (or another MIT icon name you prefer until Material Icon Theme ships a first-party prism.html mapping)

Settings

Setting Default Purpose
almasix.pythonPath "" Interpreter for smith / optional LSP
almasix.smithPath "" Override smith binary
almasix.useLsp false Also start legacy almasix-lsp

Develop / sideload

npm install
npm run compile   # tsc --noEmit + esbuild → out/extension.js
npm test          # vitest
npm run package   # → almasix-0.x.x.vsix

npm run package syncs Prism assets from prism/ then runs @vscode/vsce package.

Release

Create a GitHub Release on a vX.Y.Z tag. The publish workflow builds the VSIX, attaches it to the Release, and publishes to both the Visual Studio Marketplace and Open VSX (so Cursor / VSCodium can find it in Extensions search).

Secrets (Actions):

Secret Purpose
VSCE_PAT Azure DevOps PAT with Marketplace Publish for publisher almasix
OVSX_PAT Open VSX token from user-settings/tokens

One-time Open VSX setup (before the first publish):

  1. Sign in at open-vsx.org (Eclipse account).

  2. Create a token; store it as the OVSX_PAT repo secret.

  3. Create the publisher namespace once:

    npx ovsx create-namespace almasix -p "$OVSX_PAT"
    

Docs

Framework docs: Editor setup.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft