@vuedx/sfc-inspector v0.1.3

Vue Developer Experience

Project Status: ⚠️ EXPERIMENTAL

A set of tools for better developer experience.

Packages

• VS Code extension — provides syntax highlight and language support for .vue files. We can't use vetur because it would interfere with the functionality of this project.
• TypeScript Plugin — enables TypeScript language server to understand .vue files.
• Vue Virtual TextDocument — creates a virtual file system to represent blocks in SFC as files.

Roadmap

• Virtual file system for blocks in .vue files.
• TypeScript plugin to proxy requests to virtual files.
• VS Code extension to load TypeScript plugin and syntax highligting.
• Test TypeScript language server functions.
• Transform template to a virtual TypeScript file (diagnostics and completions in expressions).
• Template language server to provide language features in template block.

Demo

• Install dependencies - pnpm install
• Build - pnpm run build
• Start - Launch Extension task from VS Code debugger tasks