Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>SpecCompiler PreviewNew to Visual Studio Code? Get it now.
SpecCompiler Preview

SpecCompiler Preview

SpecIR

|
1 install
| (0) | Free
Live HTML/PDF preview of SpecCompiler projects: rebuilds on save and refreshes the view in place.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SpecCompiler Preview (specc-vscode)

Live preview of SpecCompiler projects inside VS Code.

  • Detects the project yaml (a *.yaml with a doc_files key), walking up from the current file, or scanning the workspace.
  • SpecCompiler: Open HTML Preview shows the assembled web app (<output_dir>/www/index.html) when outputs has an html5 entry.
  • SpecCompiler: Open PDF Preview shows the LibreOffice PDF next to the docx output (or docx.pdf_path) when docx.export_pdf: true. Uses a bundled pdf.js.
  • Saving any .md of the project (or the yaml) runs speccompiler build <yaml> from the project directory and refreshes open previews, keeping route, scroll and zoom.
  • Navigate CommonSpec references using <output_dir>/specir.db (reloaded after each build): Ctrl+click or F12 on [PID](https://github.com/SpecIR/specc-vscode/blob/HEAD/@) / [type:label](#) jumps to the object or float's source line; hover shows what it is; Shift+F12 on a reference or on a heading's @PID lists every relation that targets it.
  • Include blocks: paths inside ```include fences are clickable links.
  • Status bar shows build state and duration; failures open a notification with a link to the SpecCompiler output channel. SpecCompiler: Build Project builds on demand.

Settings

Setting Default Meaning
specc.command specc CLI invoked as <command> build <project.yaml>
specc.buildOnSave true Rebuild when a project file is saved

Development

npm install
npm run build        # bundle to dist/ and media/ (pdf.js viewer, sql.js wasm)
npm run watch
npm run package      # creates specc-vscode-<version>.vsix
code --install-extension specc-vscode-0.1.1.vsix

Press F5 in VS Code with this folder open to launch an Extension Development Host.

Releasing

Every push uploads the vsix as a workflow artifact. To publish a release:

npm version patch          # bumps package.json and creates tag vX.Y.Z
git push --follow-tags

The v* tag triggers release.yml, which attaches the vsix to a GitHub Release. If a VSCE_PAT repository secret exists, the same run also publishes to the VS Code Marketplace.

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