Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Wren LanguageNew to Visual Studio Code? Get it now.
Wren Language

Wren Language

Bojan Endrovski

|
71 installs
| (1) | Free
Syntax highlighting, IntelliSense, diagnostics, and code navigation for the Wren programming language
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Wren Language Extension

Visual Studio Code extension for the Wren programming language.

Features:

Syntax Highlighting

Syntax highlighting for Wren 0.4 (latest)

Syntax highlighting screenshot

Document Outline & Symbols

Navigate your code with the outline panel. Classes, methods, constructors, subscript operators, and fields (collected from the methods) are listed hierarchically.

Document outline screenshot

Code Completion

Context-aware autocompletion:

  • Keywords — class, construct, import, var, …
  • Class names — all classes in the current file, imported modules, and the Wren library
  • Static members — type List. to see new(), filled(), etc.
  • Instance methods — type value. to see all known instance methods and properties (requires type-annotations)
  • Constructors — Fiber.new, Foo.new, …

Code completion screenshot

Signature Help

Inline parameter hints appear as you type inside parentheses, showing all overloads with their parameter names.

Signature help screenshot

Diagnostics

Real-time error and warning squiggles powered by an analysis pipeline (lexer → parser → resolver → (optional) type-checker). Catches syntax errors, unresolved variables, and type annotation warnings as you type.

Diagnostics screenshot

Import Resolution

The extension follows import statements to discover classes across your project. It understands:

  • Relative imports (import "utils")
  • Selective imports (import "utils" for Helper, Config)
  • Configurable search paths via wren.additionalModuleDirectories
  • Unresolved import warnings with squiggles on the import path or the class names when using selective imports

Import resolution screenshot

File Icons

Last but not least, two custom file icons for .wren sources in both light and dark themes. Wren file icon (light theme) Wren file icon (dark theme)


Configuration

wren.enableDiagnostics

Enable or disable analyzer diagnostics (type mismatches, unknown methods, wrong arity, unresolved imports). Default: true. Parse errors are always shown regardless of this setting.

wren.additionalModuleDirectories

An array of directories to search when resolving import statements.

  • Relative paths are resolved per workspace folder
  • Absolute paths work as-is (useful in global user settings for engine/framework modules)

Acknowledgements

Analysis powered by wren-analyzer, a TypeScript port of wrenalyzer by Bob Nystrom, extended with optional type-checking support.

Based on the Wren extensions by Johann Muszynski and Mike Rubits.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft