mesqueeb / volar

⚡ Explore high-performance tooling for Vue

Volar

⚡ Explore high-performance tooling for Vue

• Vue Language Features
  Vue language support extension for VSCode
• TypeScript Vue Plugin
  VSCode extension to support Vue in TS server
• vue-tsc
  Type-check and dts build command line tool

Discord: https://discord.gg/5bnSSSSBbK

IDE Supports by Community

yaegassy/coc-volar ⚡ 🤝
Vue language client for coc.nvim

neovim/nvim-lspconfig ⚡ 🤝
Vue language server configuration for Neovim
[Multiple servers set up tutorial]

mattn/vim-lsp-settings ⚡
Vue language server auto configuration for vim-lsp

sublimelsp/LSP-volar 🤝
Vue language client for Sublime

kabiaa/atom-ide-volar
Vue language client for Atom

* ⚡ support multiple servers
* 🤝 support take over mode

Sponsors

If you want to support the sustainability of this project, please consider becoming a sponsor, thank you!

This company is sponsoring this project to improve your DX. 💪

Leniolabs_ Scale your Front-end development with our unique approach https://www.leniolabs.com/ ・@Leniolabs_ ・[email protected]

Quick Start

See Vue Language Features#Using

Using

See Vue Language Features#Using

Note

See Vue Language Features#Note

Limitations

• Due to performance, *.ts content update don't update template diagnosis for now. (#565) (Block by microsoft/TypeScript#41051)

Credits

• vscode-extension-samples shows all the knowledge required to develop the extension.
• angular shows how TS server plugin working with language service.
• Syntax highlight is rewritten base on vue-syntax-highlight.
• vscode-fenced-code-block-grammar-injection-example shows how to inject vue syntax highlight to markdown.
• Out of the box formatting working by:
  • prettyhtml: html
  • pug-beautify: pug
  • prettier: css, less, scss, postcss
  • sass-formatter: sass
  • typescript: js, ts, jsx, tsx

By-product

• @volar/server: Bridging module for LSP <-> vscode-vue-languageservice.
• typescript-vue-plugin: See #169.
• vscode-vue-languageservice : Generic language server module for Vue
• vscode-pug-languageservice: Generic language server module for Pug
• vscode-typescript-languageservice: Generic language server module for TypeScript