开始 vue3 学习之前，推荐的 VScode 插件

已于 2023-02-21 16:28:44 修改
阅读量568 收藏
点赞数
文章标签： vscode 学习 vue.js
于 2023-02-21 16:25:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fengffen/article/details/129144999
版权

1. Vue VSCode Snippets

生成代码片段
使用方式：
在这里插入图片描述

2. Vue Language Features (Volar)

符合 vue3 的语法验证提示
使用效果：
如：vue3的多节点写法，通过验证
在这里插入图片描述

fengffen
关注
【必备】用VSCode开发Vue程序必备插件之一Vue Language Features (Volar)
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
10-07 6033
会将同一个节点里面的不同属性换行排列对齐，这样看起来更加清晰，尤其是一个节点绑定十几个属性、事件的时候，这样的排列方式更有效、快捷进行修改、删除。Vue Language Features 是为 Vue、Vitepress 和 petite-vue 构建的语言支持扩展。在 tsconfig.json 文件中，您需要确保 TypeScript 包含您的自定义扩展。最后，您需要让 VS Code 识别您的新扩展并自动将其与 Vue 语言格式关联。扩展支持 Vue，因此您可以根据需要自行安装这些扩展。
VUE之基本部署及VScode常用插件
qq_23095607的博客
07-14 547
VUE简单的部署及环境准备
分享 6 个 Vue3 开发必备的 VSCode 插件
pingan8787
08-09 1万+
今天分享的 6 个插件，大家可以按需安装使用。我比较强烈推荐实用Volar和这 2 个插件。👍大家有更好的插件，欢迎评论分享~🔥欢迎关注我的微信公众号“前端自习课”。
vue3 报错解决：找不到模块或其相应的类型声明。
最新发布
咸鱼滚滚
08-21 1650
[plugin:vite:import-analysis] Failed to resolve import...当我新创建一个vue3新项目，想从头复盘并记录这个错误时，在新项目的App.vue中引用Person.vue，没有任何报错！ 因此，建议各位同学在遇到这个问题的时候，首选解决方案是删除node_module文件夹，重新下载依赖。如果不能解决问题，再试试上面的办法。
VSCode开发 Vue3 建议必备的插件
热门推荐
程序研博客
11-28 2万+
在使用 Visual Studio Code (VSCode) 开发 Vue 3 项目时，有一些插件可以提高开发效率、代码质量和工作流程。
vue3开发使用的vscode插件
m0_67401606的博客
03-02 767
用了半天的vue2插件开发vue3开发体验差到了极点 啊{{{(>_<)}}} vue3插件如下: 使用的时候要把vue2的插件关闭 写vue2的时候也要记得关闭vue3的插件啊???
必备插件自取 vue3.0 在vscode提升编码效率
weixin_43483590的博客
07-27 581
一些vue开发中用到的插件，抽空总结一下，一是方便自己查看，另外是供其他需要的同学参考。在开发vue项目中，无论用什么编辑器一些好用的插件对我们来讲或许是必要的，因为好的插件既能方便我们编码，又能提升开发效率
vscode + vue3 开发插件
05-07
vscode + vue3 开发插件
VSCode Vue开发推荐插件和VSCode快捷键(小结)
10-14
关于Visual Studio Code（简称VSCode）的Vue开发推荐插件和VSCode快捷键的知识点，主要可以从以下几个方面来深入了解： 1. VSCode Vue开发推荐插件： - Vetur：Vetur是VSCode中专为Vue开发设计的一个重要插件，它...
vue-peek vscode 插件
08-29
vue-peek
vscode 自用项目插件推荐（vue3）
James_liPeng的博客
03-15 3703
1. path-alias: 别名路径提示，需要注意的是需要在自己项目的package.json中添加配置。5. Auto Rename Tag 修改标签名称时，自动修改闭合标签的名称。6. Code Spell Checker 检查单词拼写。8.Parameter Hints 自动参数显示。4. Auto Close Tag 自动闭合标签。7.Image preview 图片预览。需要在设置里选择显示的语言。2.vscode 中文插件。3. git历史查看。
VsCode的介绍和入门
weixin_48846123的博客
03-31 1万+
前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐。与vetur相同，volar是一个针对vue的vscode插件，不过与vetur不同的是，volar提供了更为强大的功能（使用的时候需要把vetur 设置为禁用状态，或者直接卸载）文件--首选项--设置，打开用户设置。新版的vscode设置默认为UI的设置，而非之前的json设置。
vs-code之vue3插件
weixin_60196946的博客
12-04 3696
而随着 Vue3 正式版发布，Vue 团队官方推荐Volar 插件来代替 Vetur 插件，不仅支持 Vue3 语言高亮、语法检测，还支持 TypeScript 和基于vue-tsc 的类型检查功能。相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。者提供最简单快速的生成 Vue 代码片段的方法，通过各种快捷键就可以在 .vue 文件中快速生成各种代码片段。
Vue3【二】 VSCode需要安装的Vue语法插件
Ggome的博客
06-06 724
VSCode需要安装的 适配Vue3的插件 Vue-Official插件安装
VsCode中高效书写Vue3代码的插件
owo_ovo的博客
03-19 1万+
VsCode中高效书写Vue3代码的插件
书写 Vue3 代码的 vscode 插件推荐
weixin_60409964的博客
11-21 631
书写 Vue3 代码的 vscode 插件推荐
vue3语法中使用vscode打开，满屏红线报错，解决方法
jieyucx的博客
12-28 1万+
vue3语法中使用vscode打开，满屏红线报错，解决方法
【推荐】1408- 分享 6 个 Vue3 开发必备的 VSCode 插件
pingan8787
08-10 474
今天分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。如果有觉得有帮助，还请点赞????支持一下~1. Volar???? 下载数 153 万+相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语...
是否要为 Vue 语言 安装推荐的 来自 Vue 的 “Vue Language Features (Volar)“ 扩展?
m0_57730492的博客
07-07 1239
这个千万不要装， 太多烂功能在里面，非常难用。
Vue开发必备：VSCode十大常用插件推荐
资源摘要信息: "VSCode开发Vue应用时常用插件介绍" 在使用Visual Studio Code（VSCode）进行Vue.js开发时，有一系列插件能够显著提升开发效率、代码质量以及调试体验。以下是对这些插件的详细说明： 1. **Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值