Code Editor

Verne’s editor is built on Monaco, the same engine that powers VS Code. Files open here from the file explorer or from the Command Palette.

Syntax highlighting

The editor uses VS Code grammars and covers TypeScript, JavaScript, JSON, Rust, Python, Go, HTML, CSS, Vue, Markdown, and more. Opening a file in any of these languages gives you full token-level highlighting.

Language server

A language server runs for TypeScript, JavaScript, and Vue, providing:

  • Hover documentation
  • Completions
  • Go-to-definition
  • Inline diagnostics

You can turn the language server on or off under Settings › Editor.

Emmet

Emmet abbreviation expansion is active in HTML and CSS files.

Auto-save

The editor can save files as you type. Toggle auto-save under Settings › Workspace.

Editor preferences

Adjust these under Settings › Editor:

Setting Options
Font family Any installed font
Font size Point value
Font weight Thin through Black
Ligatures On / Off
Word wrap On / Off
Line numbers On / Off
Minimap On / Off
Sticky scroll On / Off

For per-language overrides, such as a different tab size or word-wrap setting for Markdown versus TypeScript, see Settings › Languages.

Markdown preview

Markdown files have a toolbar toggle that switches between the raw source and a rendered preview. The source view is the Monaco editor, so your editor preferences apply there. The preview uses Verne’s own Markdown renderer, styled after GitHub’s Markdown.

Go to Line

Press ⌃G to jump to a specific line number in the current file.

Context menu

Right-click in the editor to access:

  • Copy Path: copies the file’s absolute path to the clipboard.
  • Add to Agent: injects the file path into the focused agent’s input. See Add files to an agent.
  • Open in Finder: reveals the file in the macOS Finder.

Next steps