Vue3+Vite+TS安装volar插件后代码补全失效如何解决？

最新推荐文章于 2024-06-19 15:36:55 发布
最新推荐文章于 2024-06-19 15:36:55 发布
阅读量2.8k 收藏 1
点赞数 1
文章标签： 前端 vue.js vue vscode typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48914380/article/details/127907812
版权

最近在用Vue3+Vite+TS写代码，但是遇到了一个问题，就是在安装了volar之后，HTML的标签自动补全失效了，应该如何解决这个问题呢？

在使用Vue2时，我们安装的是vetur插件，它能帮我们做一些代码高亮提示，极大地提升了我们的开发效率。

 在使用Vue3时，我们安装的是volar插件

 但是在使用的过程中却发现，在template中写HTML标签时，代码补全功能失效了，只能手动输入，而JS,TS的书写是能正常有代码提示的

为了搞清这个问题，我还专门试了一下，把Volar禁用掉，vetur 打开，果然，代码又能正常有自动提示了，当再次禁用vetur，启用volar时，代码补全又失效了，所以就是volar导致的原因，应该如何解决才能有代码提示呢，有没有哪位兄弟能够解决一下，谢谢了

寻梦编码
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vue3+vite2+ts+vant3 项目demo
04-16
此项目 按照大佬文章 一步步学习搭建 https://juejin.cn/post/7036745610954801166?share_token=5dd94aae-bed2-4733-93ac-306118376443；感谢大佬
如何解决Vue3没有代码提示问题？
weixin_48914380的博客
11-18 1万+
如何解决Vue3+vite+Ts代码编辑过程中的代码补全功能，没有代码提示怎么办？本期内容为你解决这个问题
Vue3的Vscode插件Volar插件失效问题
m0_53164768的博客
06-09 3303
最近在写v3的项目时候，发现自己的Voar插件失效，没有任何代码提示，排查了好久，才发现是自己的vscode版本和Volar版本不对应，最新的Volar插件不支持旧版本的Vscode插件，因此我们可以下载最新的Vscode或者降低Volar插件，不过Volar官方最低版本好像是一月之内，再以前的版本已经删除了，尽量是更新最新的Vscode版本。
如何在Vue3中实现一个带有自动补全功能的搜索框
最新发布
有我更精彩的博客
06-19 665
前端开发中的自动补全搜索框不仅能够提升用户体验，还能显著提高用户输入效率。在现代Web开发中，Vue.js作为一个非常流行的前端框架，提供了实现这些功能的优秀工具和方法。本文将向您展示如何在Vue3中实现一个带有自动补全功能的搜索框。
vscode中 vue3+ts 项目的提示失效，volar插件失效问题解决方案
潜心
11-07 7615
📚Typescript☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。
vscode使用volar插件但是没有模板语法的提示解决方法
m0_51458506的博客
06-29 1万+
vscode使用volar插件但是没有模板语法的提示解决方法
volar 没有语法提示了怎么处理
辣条协会会长的博客
05-08 1786
安装一下就好 npm i -D @vue/runtime-dom
Vue3+Vite4+TS 后台模板
06-08
Vue3+Vite4+TS 后台模板是一款基于最新技术栈构建的高效、现代化的前端开发框架，专为后台管理界面设计。该模板利用了Vue.js的最新版本Vue3，搭配快速构建工具Vite4，以及TypeScript的静态类型检查，提供了强大的...
vue3+ts+vite+router+vuex+api请求封装
12-29
Vue3+TS+Vite+Router+Vuex+API请求封装是现代前端开发中的一个典型组合，用于构建高效、可维护的后台管理系统。这个脚手架提供了完整的开发环境配置和基础架构，使得开发者能够快速搭建后台应用。下面将详细介绍这个...
volar::high_voltage:最快的Vue语言支持扩展
03-08
手掌 :high_voltage: 最快的Vue语言支持扩展 Volar是专门为Vue 3构建的语言支持插件。它基于@vue/reactivity ，可根据需要计算TypeScript以优化性能，使其接近本机TypeScript语言服务。 如果需要在命令行上进行类型检查，则可以使用 。 [] [] [] [] :hammer_and_wrench: 该项目仍在重构中，以使其更容易贡献。 快速开始 （基于 ） 使用 零件服务默认情况下，“本地组件”，“内置组件”，“本机html元素类型检查”处于活动状态。 对于全局组件，您需要具有__VLS_GlobalComponents接口定义或组件注册调用，例如： __VLS_GlobalComponents接口定义： // shims-volar.d.ts import { RouterLink , RouterView } from 'vue-router' declare global
基于IDE插件Volar的Vue 3命令行类型检查工具。-JavaScript开发
05-26
vue-tsc --noEmit && vite构建vue-tsc vue-tsc --noEmit && vite构建基于IDE插件Volar的Vue 3命令行类型检查工具。 版本vue-tsc TypeScript Volar 0.0.20 4.2.3 0.23.2 0.0.19 4.2.3 0.23.0 0.0.18 4.2.3 0.22.26 0.0.17 4.2.3 0.22.24 0.0.16 4.2.3 0.22。 23 0.0.15 4.2.3 0.22.22 0.0.14 4.2.3 0.22.17 0.0.13 4.2.3 0.22.16 0.0.12 4.2.3 0.22.14 0.0.11 4.2.3 0.22.12 0.0.9 4.2 .3 0.22.11 0.0.8 4.2.2 0.22.4 0.0.1 4.2.2 0.21.20
vue3+vite+ts 仿淘宝放大镜效果
09-17
在本项目中，我们主要探讨的是如何利用Vue3、Vite和TypeScript来实现一个类似于淘宝网站中的商品图片放大镜效果。这个效果通常用于增强用户的购物体验，让他们能更清晰地查看商品细节。以下是实现这一功能所涉及的...
vue3+Volar 写css 没有提示的解决办法
qq_44862552的博客
11-21 710
vue3+Volar 写css 没有提示的解决办法
vite vue3 vscode volar 按照官方安装却没有类型识别与提示
qq_29157223的博客
09-13 2343
vue volar 类型提示
VSCode、一般插件及Vue3插件
m0_62659797的博客
04-14 1749
VS Code 全称 Visual Studio Code 是由微软开发的一款免费、跨平台的轻量级代码编辑器。以功能强大、提示友好、不错的性能和颜值俘获了大量开发者的青睐，对 JavaScript 和 NodeJS 的支持非常好，自带很多功能，例如代码格式化，代码智能提示补全等。一、美化插件vscode编辑器是可高度自定义的，我们使用vscode插件几乎可以对vscode编辑器进行所有形式的自定义，只要你想做，基本上没有不能实现的。
vue3+vite插件开发
weixin_44368048的博客
06-07 983
在使用vue/react+ts开发时,我们把api挂载到全局后,例如封装好axios后需要按模块划分请求,此时会创建一个modules文件夹,里面存放各个模块的请求,当把module所有的文件都动态挂载到proxy实例上时,我们可以通过proxy.$api.文件名.请求名去发起请求例如：proxy.$api.test_api.test()
VSCode中写Vue没有代码提示的解决办法
热门推荐
qq_50564231的博客
02-18 2万+
但是经过我测试，两个插件在大部分时候都只支持单词语法的提示，Vetur在已创建的标签外使用时才支持模板创建，而Volar好像不支持模板创建？并且两个插件同时安装了，需要禁用其中一个才能正常使用。Vetur这个插件是对Vue2的项目适配比较好的，Vue3项目官方出了个插件叫Vue Language Features(Volar)。图4 Volar插件安装过程。2023.2.22更新。
有哪些excel插件可以在vue3+vite+ts中使用
07-12
在 Vue 3 + Vite + TypeScript 的项目中，你可以以下 Excel 插件： . xlsx-populate：是一个基于 JavaScript 的 Excel读写库，可以在前端直接 Excel 文件。它提供了许多功能如读取、修改和创建 Excel 文件等你可以通过 npm 安装并使用它。 . exceljs：这是一个纯 JavaScript 编的 Excel 文件生成库，可以在前端 Excel 文件。它支多 Excel 功能，如样式、图表公式等。你可以 npm 安装并使用。 3. Handsontable这是一个基于 的数据网格组件，可以在前端展示和编辑 Excel。它提供了丰富的功能，如排序、筛选、合并单元格等。你可以通过 npm 安装并在 Vue 组件中使用它。 以上是一些常用的 Excel 插件，它们都可以在 Vue 3 + Vite + TypeScript 的项目中使用。你可以根据具体需求选择适合你的插件。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值