Volar ——Vue3 完美的配套工具

Volar ——Vue3 完美的配套工具

• • 0. 前言
  • 1. `volar` 是什么
  • 2. Volar 的新功能介绍
  • • 2.1 `ref sugar`
    • 2.2 `template` 语法转换
    • 2.3 `class references`
    • 2.4 `props` 类型检测
    • 2.5 各种语法提示
    • • 2.5.1 模板语法提示
      • 2.5.2 css module 语法提示
      • 2.5.3 `lang` 提示
    • 2.6 编辑器三分天下
  • 3. 总结

博主在 b 站录制了 vue3.2 的详细教程，点击来看看吧，新发现哟！

vue3.2 详细教程 —— 01-basic

0. 前言

相信使用 vscode 和 vue 的同学对 vetur 这个插件一定不会陌生。

ventur 作为 vue2.x 的配套插件，主要用于对 vue 单文件组件提供语法高亮、语法支持以及语法检测。

但是，随着 ts 在社区组件火热，我们会发现，ventur 插件对于 ts 几乎没有支持，同时伴随着 vue3 和最近的 vue3.2 的出世，vetur 几乎已经不能支持 vue 单文件组件了，ts 自然是不支持的，但还有一些 vue3 的新特性，比如： vue3 的 template