【整理分享】6 个 Vue3 开发必备的 VSCode 插件

本篇文章给大家整理分享 6 个 Vue3 开发必备的 VSCode 插件,可以直接用过 VSCode 的插件中心直接安装使用,希望对大家有所帮助!

【整理分享】6 个 Vue3 开发必备的 VSCode 插件

1. Volar

下载数 153 万+

相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生,作为 Vue2 配套的 VSCode 插件,它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。(学习视频分享:vue视频教程)

而随着 Vue3 正式版发布,Vue 团队官方推荐 Volar 插件来代替 Vetur 插件,不仅支持 Vue3 语言高亮、语法检测,还支持 TypeScript 和基于 vue-tsc 的类型检查功能。

Volar

使用时需要注意:

  • 首先要禁用 Vetur 插件,避免冲突;

  • 推荐使用 css/less/scss 作为