VSCode Extension

v1.5.2

Native VSCode integration with IntelliSense support, real-time validation, and debugging tools.

Extension Stats
Downloads28.5k
Rating4.7/5
VS Code1.74+

Installation & Setup

1

Install from Marketplace

Search for 'Lattice Engine' in the VSCode Marketplace

  1. Open VSCode
  2. Press Ctrl+Shift+X to open Extensions
  3. Search for 'Lattice Engine'
  4. Click Install on the official extension
2

Configure API Key

Set up your API key to connect to your Lattice project

  1. Press Ctrl+Shift+P and search for 'Lattice: Configure API Key'
  2. Enter your API key from the Lattice dashboard
  3. Optionally set your project ID
  4. Save the configuration
3

Initialize Project

Set up your workspace for Lattice Engine development

  1. Open your project folder
  2. Press Ctrl+Shift+P and search for 'Lattice: Initialize Project'
  3. Follow the prompts to create .lattice configuration
  4. Start using the extension features

Key Features

Code Completion
IntelliSense Support
Smart code completion for all Lattice Engine APIs and functions
Validation
Real-time Validation
Live code checking with immediate feedback on errors and warnings
Debugging
Integrated Debugging
Debug mutations and specifications directly in your IDE
Integration
Git Integration
Seamless workflow integration with Git commands and status tracking
UI Features
Status Bar Integration
Monitor connection status and pending mutations at a glance
UI Features
Code Lenses
Inline actions for quick access to mutation operations

Configuration

Code Examples

IntelliSense Auto-completion
Type 'lattice.' to see available methods and properties
const mutation = await lattice.mutations.create({
  spec_id: "user-auth",
  title: "Add password hashing",
  changes: { /*...*/ }
});

// Auto-completes available methods:
// - lattice.mutations.create()
// - lattice.mutations.list()
// - lattice.mutations.approve()
// - lattice.specs.get()
// - lattice.deploy.create()
Real-time Validation
Get immediate feedback on code issues
// ❌ Error detected immediately
const mutation = await lattice.mutations.create({
  spec_id: "invalid-spec", // Red underline: "Spec ID not found"
  title: "",                // Warning: "Title is required"
  // ...
});

// ✅ Valid code passes validation
const mutation = await lattice.mutations.create({
  spec_id: "user-auth",
  title: "Fix login bug",
  changes: { /*...*/ }
});
Code Lenses
Quick actions directly in your code
// 🔄 Create Mutation
// ✅ Review Mutation
// 🚀 Deploy Mutation

const mutation = await lattice.mutations.create({
  // Hover over this line to see inline actions
});

Troubleshooting

common

Extension not loading

Check VSCode version compatibility (1.74+), restart VSCode, and reload the extension

common

API connection failed

Verify your API key is correct and active, check network connectivity, and validate project ID

moderate

IntelliSense not working

Ensure TypeScript/JavaScript language features are enabled, check .lattice/config.json exists, restart TypeScript server

moderate

Real-time validation errors

Enable debug mode in settings, check extension logs in Developer Tools