• 技术文章 >开发工具 >VSCode

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

    青灯夜游青灯夜游2022-09-29 20:50:08转载1946
    本篇文章给大家整理分享 6 个 Vue3 开发必备的 VSCode 插件,可以直接用过 VSCode 的插件中心直接安装使用,希望对大家有所帮助!

    php入门到就业线上直播课:进入学习

    1. Volar

    下载数 153 万+

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

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

    Volar

    使用时需要注意:

    2. Vue VSCode Snippets

    下载数 152 万+

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

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

    Vue VSCode Snippets

    使用方式如下:

    Vue VSCode Snippets

    Vue VSCode Snippets

    Vue VSCode Snippets

    其他就不再演示啦,功能实在太强大,常用快捷键非常多,具体可以查看文档。

    3. Auto Close Tag

    下载数 769 万+

    Auto Close Tag 插件是一个很好用的 VS Code 扩展,它对生产率有很大影响。顾名思义,当我们在结束标记中键入结束括号时,它将添加结束标记。它支持HTML,Handlebars,XML,PHP,Vue,JavaScript,Typescript,JSX等。

    Vue VSCode Snippets

    4. Vue Peek

    下载数 49 万+

    Vue Peek 插件用来拓展 Vue 代码编辑的体验,可以让我们快速跳转到组件、模块定义的文件。

    Vue Peek

    使用方式如下:

    Vue Peek

    Vue Peek

    5. Vue Theme

    下载数 34 万+

    Vue Theme 插件提供了不错的 Vue 主题,还支持配置不同颜色,感觉还不错。

    Vue Theme

    6. Vite

    下载数 8.9 万+

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

    Vite

    总结

    今天分享的 6 个插件,大家可以按需安装使用。

    我比较强烈推荐实用 Volar 和 Vue VSCode Snippets 这 2 个插件。

    更多关于VSCode的相关知识,请访问:vscode教程

    以上就是【整理分享】6 个 Vue3 开发必备的 VSCode 插件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:segmentfault,如有侵犯,请联系admin@php.cn删除
    专题推荐:Vue vue3 VSCode
    上一篇:VSCode中值得推荐的11个划水插件,一起愉快的划水摸鱼吧! 下一篇:VSCode开发Python,这 14 个插件不可错过!
    VIP课程(WEB全栈开发)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• 分享一个好用的VSCode头部注释插件:Fileheader Pro• 聊聊Vue3中的一个好用的功能:Teleport• 详解VSCode中怎么配置SSH服务器来进行远程开发• 23个提高开发效率的前端VSCode插件(快来收藏)• 聊聊vue3中setup函数的返回值• 详解vue3中setup函数的参数-props和context
    1/1

    PHP中文网