VSCode Extension
v1.5.2Native VSCode integration with IntelliSense support, real-time validation, and debugging tools.
Quick Start
Extension Stats
Downloads28.5k
Rating4.7/5
VS Code1.74+
Resources
Installation & Setup
1
Install from Marketplace
Search for 'Lattice Engine' in the VSCode Marketplace
- Open VSCode
- Press Ctrl+Shift+X to open Extensions
- Search for 'Lattice Engine'
- Click Install on the official extension
2
Configure API Key
Set up your API key to connect to your Lattice project
- Press Ctrl+Shift+P and search for 'Lattice: Configure API Key'
- Enter your API key from the Lattice dashboard
- Optionally set your project ID
- Save the configuration
3
Initialize Project
Set up your workspace for Lattice Engine development
- Open your project folder
- Press Ctrl+Shift+P and search for 'Lattice: Initialize Project'
- Follow the prompts to create .lattice configuration
- 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