Adobe Target Builder — VS Code Extension
A VS Code extension for building, deploying, and syncing Adobe Target activities using the atb CLI.
Features
- Right-click Build — Right-click any activity folder to build, deploy, or sync
- Status Bar — Shows the current activity name and type; click for quick actions
- Quick Actions Menu — One-click access to all commands from the status bar
- Auto-detection — Reads
build.config.json to resolve activity type, name, and ID
- Configurable Commands — Override every command via VS Code settings
Usage
Right-click any folder in the Explorer to access:
- Build Production —
atb build --prod
- Build Development —
atb build
- Build with Options... — Customize activity name, track, year, and mode
- Build & Deploy —
atb deploy
- Sync Config —
atb sync
Status Bar
Click the $(rocket) AT Builder item in the status bar to open the quick actions menu:
| Action |
Default Command |
| Build Production |
atb build --prod |
| Build Development |
atb build |
| Build & Deploy |
atb deploy |
| Dry Run |
atb deploy --dry-run |
| Sync Config |
atb sync |
| Sync + Scaffold |
atb sync --scaffold |
| Build with Options |
Interactive prompts |
Command Palette
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and type "Custom Build" to see all available commands.
Project Structure
The extension expects the standard at-builder folder layout:
workspace-root/
Track/
Year/
ActivityName/
shared/
build.config.json <-- activity config (type, name, id)
Variation-1/
Variation-2/
Extension Settings
All commands are configurable. Add any of these to your .vscode/settings.json (or User Settings) to override the defaults:
{
"at-builder.build.productionCommand": "atb build --prod",
"at-builder.build.developmentCommand": "atb build",
"at-builder.build.deployCommand": "atb deploy",
"at-builder.build.syncCommand": "atb sync",
"at-builder.build.syncScaffoldCommand": "atb sync --scaffold",
"at-builder.build.dryRunCommand": "atb deploy --dry-run"
}
| Setting |
Default |
Description |
at-builder.build.productionCommand |
atb build --prod |
Production build command |
at-builder.build.developmentCommand |
atb build |
Development build command |
at-builder.build.deployCommand |
atb deploy |
Deploy to Adobe Target |
at-builder.build.syncCommand |
atb sync |
Sync build.config.json from AT API |
at-builder.build.syncScaffoldCommand |
atb sync --scaffold |
Sync + create missing variation folders |
at-builder.build.dryRunCommand |
atb deploy --dry-run |
Preview deploy without pushing |
Environment Variables
The extension sets these env vars automatically when running commands:
| Variable |
Source |
ACTIVITY_FOLDER_NAME |
Selected folder name |
TRACK |
First path segment from workspace root |
YEAR |
Second path segment from workspace root |
NODE_ENV |
production or development |
Requirements
- at-builder CLI installed globally (
npm i -g at-builder)
- VS Code 1.99.3 or higher
Installation
Install from a .vsix file:
code --install-extension at-builder-0.0.2.vsix
Or via the atb CLI:
atb install-extension