vs-code之vue3插件

1.Vue 3 Support - All In One

Vue3 代码片段突出显示了 Visual Studio Code 的格式化程序生成器

生成vue3对应的的代码 如ref等,

vs-code之vue3插件_第1张图片

2.Volar

vs-code之vue3插件_第2张图片

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

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

使用时需要注意:

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

3.Vue VSCode Snippets

vs-code之vue3插件_第3张图片

Vue VSCode Snippets 插件旨在为开发者提供最简单快速的生成 Vue 代码片段的方法,通过各种快捷键就可以在 .vue 文件中快速生成各种代码片段。简直是 Vue3 开发必备神器。

该插件支持:Volar、Vue2 和 Vue3。

vs-code之vue3插件_第4张图片

4.Vite

Vite 插件可以让我们打开项目后,就能自动启动开发服务器,允许开发者无需离开编辑器即可预览和调试应用。支持一键启动、构建和重启项目

vs-code之vue3插件_第5张图片

你可能感兴趣的:(vue.js,前端,javascript)