Vue3的Vscode插件Volar插件失效问题

最新推荐文章于 2024-05-10 19:06:10 发布
最新推荐文章于 2024-05-10 19:06:10 发布
阅读量3.3k 收藏 4
点赞数 5
文章标签： vscode javascript ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53164768/article/details/131122899
版权
在开发V3项目时遇到Volar插件失效，问题出在VSCode版本与Volar版本不匹配。最新Volar不支持旧版VSCode，官方已删除一个月前的旧版本。解决方案是更新至最新VSCode或降级Volar到兼容版本。
摘要由CSDN通过智能技术生成

最近在写v3的项目时候，发现自己的Voar插件失效，没有任何代码提示，排查了好久，才发现是自己的vscode版本和Volar版本不对应，最新的Volar插件不支持旧版本的Vscode插件，因此我们可以下载最新的Vscode或者降低Volar插件，不过Volar官方最低版本好像是一月之内，再以前的版本已经删除了，尽量是更新最新的Vscode版本

前端小鸡
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode中 vue3+ts 项目的提示失效，volar插件失效问题解决方案
潜心
11-07 8049
📚Typescript☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。
解决：【无法安装“vue.volar“扩展，因为它与当前 VIsual Studio Code 版本不兼容（版本 1.80.0）】
最新发布
haohaizi_liu的专栏
05-31 2630
这个错误信息表明你的 Visual Studio Code 版本与所需的 "vue.volar" 扩展不兼容。为了解决这个问题，你可以尝试以下几种方法：升级 Visual Studio Code：检查你的 Visual Studio Code 是否是最新版本。在 Visual Studio Code 的菜单栏中选择 "帮助" -> "检查更新"，然后按照提示升级到最新版本。
vscode 插件 volar
05-07
vscode 插件 volar
Vue3语法插件Volar在vsCode中搜不到，Volar正式更名为Vue-Official
weixin_40874076的博客
05-10 1478
如果之前装过Volar插件的，其实不用担心，因为更名后的Vue-Official，它会自动给你将之前的覆盖掉，简而言之，壳子还是之前的壳子，更名后Vue-Official比之前的Volar升级了不少东西，例如某些新语法特性，之前的插件会报错，而更新后的插件不会了。按住鼠标左键，把组件拖拽到想要引入的地方，VSCode 会提示按住 shift 放入编辑器中，我们按 shift ，鼠标移动到我们想到放置组件的位后，并放开鼠标左键，即可自动导入组件。同理，要是工作区V2的，最好也禁用Vue-Official。
vue: vscode安装扩展Volar失败(保姆级教程+图文结合）
m0_68467925的博客
04-23 3891
vue: vscode安装扩展Volar失败(版本不兼容）；vscode插件离线下载vsix文件；未在zip中找到扩展名/package.json
Vue3+Vite+TS安装volar插件后代码补全失效如何解决？
weixin_48914380的博客
11-17 2921
Vue3+Vite+TS安装volar插件后代码补全失效如何解决？在Vscode中写Vue3项目代码时，HTML标签代码自动补全失效
vue3 vscode插件volar配置
04-22
对于vue3 vscode插件volar的配置，您可以按照以下步骤进行： 1. 首先，确保您的Vscode版本是1.61以上，因为volar需要使用Vscode API的更新版本。 2. 在Vscode中搜索并安装volar插件。 3. 在设置中搜索volar或者...
vscode + vue3 开发插件
05-07
vscode + vue3 开发插件
Vue项目vscode 安装eslint插件的方法(代码自动修复)
10-15
本文将详细讲解如何在Visual Studio Code (VSCode) 中安装和配置ESLint插件，实现代码自动修复功能，特别是针对Vue项目的设置。 首先，ESLint是一个静态代码分析工具，用于检测JavaScript代码中的潜在问题，它可以...
详解VSCode配置启动Vue项目
01-21
下载安装并配置VSCode 随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。 1、vetur插件的安装 该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好后点击文件->首选项->设置 打开设置界面，在设置界面右侧添加配置 emmet.syntaxProfiles: { vue-html: html, vue: html } 2、eslint插件的安装 eslint智能错误检测插件，在具体开发中作用很大，能够及时的帮我们发现错误。至于安装，同样打开插件扩展窗
vscode 插件开发 + vue的操作方法
11-20
如果我们需要在vscode中嵌入自己开发的vue页面就需要以下的操作 1.把开发好的vue项目打包，如果打包出来的vue执行是空白页，就需要看看之前我写的文章，vue 3 clie打包配置 　-这里要注意的是，要确保vue项目里面的...
vue-peek vscode 插件
08-29
vue-peek
vscode使用volar插件但是没有模板语法的提示解决方法
热门推荐
m0_51458506的博客
06-29 1万+
vscode使用volar插件但是没有模板语法的提示解决方法
微信小程序的项目用vscode写，ts的语法检查不起作用，原因是experimentalRuntimeMode已经废除了，要用nativeTags，还要把volar插件升级到最新才行。这样ts才起作用
Frank_colo的博客
12-07 1126
微信小程序的项目用vscode写，ts的语法检查不起作用，原因是experimentalRuntimeMode已经废除了，要用nativeTags，还要把volar插件升级到最新才行。
vscode插件volar配置
哈
08-20 1057
安装 ref自动补全.value 拆分编辑器
【必备】用VSCode开发Vue程序必备插件之一Vue Language Features (Volar)
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
10-07 5574
会将同一个节点里面的不同属性换行排列对齐，这样看起来更加清晰，尤其是一个节点绑定十几个属性、事件的时候，这样的排列方式更有效、快捷进行修改、删除。Vue Language Features 是为 Vue、Vitepress 和 petite-vue 构建的语言支持扩展。在 tsconfig.json 文件中，您需要确保 TypeScript 包含您的自定义扩展。最后，您需要让 VS Code 识别您的新扩展并自动将其与 Vue 语言格式关联。扩展支持 Vue，因此您可以根据需要自行安装这些扩展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值