Volar

⚡探索 Vue 的高性能工具

Volar 是 Vue 的 VS Code 插件，也是 Vue 的官方 IDE/TS 支持工具，除了集成 Vetur 的相关功能，如高亮、语法提示等之外，还包含一些独有功能。

• 不再需要唯一根标签
• 快捷分割编辑器
• ref sugar 语法快捷改动支持
• style 里面的 class 引用
• class 追溯
• css module 类型提示
• lang 语法提示
• template 语法转换

Vue.js

• Vue Language Features Vue、Vitepress、VSCode 的 petite-vue 语言支持扩展
• TypeScript Vue Plugin VSCode 扩展以支持 TS 服务器中的 Vue
• vue-tsc 类型检查和 dts 构建命令行工具
• vue-component-meta 组件道具、事件、插槽类型信息提取工具
• vite-plugin-vue-component-preview 支持 Vue 组件预览视图的 Vite 插件 Vue Language Features

常见的

• volar-plugins 改变语言服务器行为的常用插件

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

社区对 IDE 的支持

Vue.js

yaegassy/coc-volar ⚡ 🤝 🅿️ coc.nvim 的 Vue 语言客户端

neovim/nvim-lspconfig ⚡ 🤝 Neovim 的 Vue 语言服务器配置 [多台服务器设置教程]

mattn/vim-lsp-设置 ⚡ vim-lsp 的 Vue 语言服务器自动配置

sublimelsp/LSP-掌侧 🤝 Sublime 的 Vue 语言客户端

Atom 的 kabiaa/atom-ide-volar Vue 语言客户端

emacs-lsp/lsp-mode ( jadestrong/lsp-volar )⚡ 🤝 Emacs 的 Vue 语言客户端

tommasongr/nova-vue Nova 的 Vue 语言客户端

xiaoxin-sky/lapce-vue 用于 Lapce 的 Vue 语言客户端

Kingwl/monaco-volar 浏览器上对 Monaco 的 Vue 语言支持

⚡支持多台服务器 🤝支持接管模式 *🅿️支持额外的预览功能

指南

如果您想使用 volar 扩展，请按照以下命令设置您的本地开发环境。

🔎请注意，您将需要 pnpm - 您可以在此处下载：https ://pnpm.io/installation 。

git clone https://github.com/johnsoncodehk/volar.git
cd volar
pnpm install
pnpm run build

开发 volar 扩展的推荐方法是使用VSCode 提供的调试工具。或者，您可以运行package.json文件中定义的脚本之一。

❗您应该始终使用项目根目录中定义的调试启动配置或 package.json 脚本。

为开源项目做出贡献的其他信息在这里：https ://docs.github.com/en/get-started/quickstart/contributing-to-projects

赞助商