VS Code Extension
The Doodle Engine VS Code extension adds syntax highlighting for .dlg dialogue files. It is included in the repository under extensions/vscode-dlg/ and is not published to the VS Code Marketplace.
What It Highlights
Section titled “What It Highlights”| Element | Example |
|---|---|
Structure keywords (NODE, CHOICE, IF, END) | NODE start |
Flow keywords (TRIGGER, REQUIRE, GOTO) | GOTO rumors |
Effect keywords (SET, ADD, REMOVE, MOVE, CLEAR, ADVANCE, START, ROLL) | ADD variable gold -5 |
Media keywords (MUSIC, SOUND, VOICE, VIDEO, NOTIFY, INTERLUDE) | MUSIC tension.ogg |
| Speaker names | BARTENDER: |
Condition types (hasFlag, questAtStage, variableGreaterThan, etc.) | REQUIRE hasFlag metBartender |
Effect targets (flag, variable, questStage, item, etc.) | SET flag seenIntro |
| Localization keys | @bartender.greeting |
| Quoted strings | "Hello, traveller!" |
| Numbers | -5, 20 |
| Comments | # This is a comment |
The extension also enables:
- Line comment toggling with
Ctrl+/(Cmd+/on macOS) - Auto-closing double quotes
Installation
Section titled “Installation”The extension is bundled with the @doodle-engine/cli npm package. After running npm install (or yarn/pnpm) in your project:
- Open VS Code
- Open the Command Palette (
Ctrl+Shift+P/Cmd+Shift+P) - Run Extensions: Install from VSIX…
- Navigate to
node_modules/@doodle-engine/cli/extensions/doodle-dlg-syntax-1.0.0.vsixin your project
Then reload VS Code. The extension loads automatically for any file with the .dlg extension.
The extension is not published to the VS Code Marketplace - the
.vsixbundled in the npm package is the distribution method.