Official Syntax Highlighting, Colorization & Developer Tooling for EnLang
Official Visual Studio Code extension for EnLang — The Universal Natural English Programming Language. Provides rich syntax highlighting, colorful token distinction, auto-closing brackets, code snippets, and one-click execution commands across all 5 EnLang extensions:
.enlg➔ Core Backend Logic & Algorithms (Python 3).enlgf➔ Structural Frontend Markup (HTML5).enlgd➔ Styling & Design Systems (CSS3).enlgs➔ Client Scripting & DOM Logic (JavaScript ES6+).enlgdb➔ Database Schemas & Queries (ANSI SQL / SQLite)
🎨 Colorization & Syntax Scopes
| Code Token | Visual Color Category | EnLang Keywords |
|---|---|---|
| Control Flow | Magenta / Pink / Purple | if, then, else, while, for, repeat, match, return |
| Declarations | Royal Blue / Cyan | define, set, function, class, interface, import, export |
| Operators | Orange / Coral | plus, minus, times, divided by, is, is not, equals |
| Strings | Vibrant Green | "Hello World", 'A+' |
| Numbers | Teal / Cyan | 100, 3.14159, 99.99 |
| Functions | Amber / Gold | display, print, read, call |
| Comments | Soft Grey / Italic | # Single line comments, /* Block comments */ |
| Web Tokens | Violet / Light Blue | page, title, include, create, main, section, style, on, click |
| DB Tokens | Indigo / Deep Blue | table, columns, values, insert, select, all, where, order by |
⚡ Keyboard Shortcuts & Commands
Open VS Code Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and type EnLang:
Ctrl+F5:EnLang: Run Current File(Executesenlang run <active_file>)EnLang: Build Current File(Transpiles source to native target.html,.css,.js,.sql,.py)EnLang: Check Syntax / Lint File(Performs static analysis and error checking)EnLang: Start Web Server(Launches zero-config EnLang HTTP Dev Server on port 8000)
💡 Code Snippets (Auto-Completion)
- Type
def➔ Auto-expandsdefine text name as "value" - Type
fn➔ Auto-expandsfunction name using param: - Type
if➔ Auto-expandsif condition then: - Type
page➔ Auto-expands.enlgfHTML page structure - Type
style➔ Auto-expands.enlgdCSS design block - Type
on➔ Auto-expands.enlgsClient DOM event handler - Type
table➔ Auto-expands.enlgdbDatabase table definition & query
🚀 Installation
Option 1: Install from .vsix Package
- Download
enlang-1.0.0.vsix - Open VS Code ➔ Go to Extensions (
Ctrl+Shift+X) - Click the
...menu at top right ➔ Select Install from VSIX... - Select
enlang-1.0.0.vsixand restart VS Code!
Option 2: Copy to Extensions Folder
Copy vscode-enlang directory into:
- Windows:
%USERPROFILE%\.vscode\extensions\ - Linux/macOS:
~/.vscode/extensions/
📜 License
Copyright © 2026 Spandan Prayas Patra. Distributed under the MIT License.