Features

Feature	Description
Diagnostics	Real-time compilation errors for CoffeeScript, Pug, and Stylus sections, mapped to correct source lines
Document Symbols	Sections and variables visible in Outline view and Breadcrumbs
Folding	Collapse `coffee:`, `template:`, and `style:` sections
Hover	Section type info and variable values on hover
Completion	Suggests section markers on empty lines and variable names in template interpolations
Syntax Highlighting	Colorized section markers and embedded language regions

What is `.luoli`?

Luolita (萝莉塔) is a Vue-like Single-File Component generator. A .luoli file contains up to three sections:

coffee:
  title = "Hello World"

template:
  h1= title

style:
  h1
    color: #6b9f93

Each section is compiled into its respective language:

Command	Description
`Luolita: Compile Current File`	Compile the active `.luoli` file

Setting	Default	Description
`luolita.outputDir`	`temp`	Default output directory for compiled files
`luolita.trace.server`	`off`	Trace communication between VS Code and the language server (useful for debugging)

git clone https://github.com/Bemly/luolita.git
cd luolita/luolita-vscode
pnpm install
pnpm run build

Press F5 in VS Code to launch the extension in debug mode.