vscode写vue时突然不会自动补全?可能是插件失效了!

已于 2023-10-09 20:25:40 修改
阅读量6k 收藏 4
点赞数 11
分类专栏： 工作积累 文章标签： vscode vue.js ide
于 2023-10-09 18:54:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wilsonwd/article/details/133711147
版权
本文讲述了作者在VSCode中遇到的Volar和VueLanguageFeatures插件冲突问题，导致Vue自动补全失效。作者提供了排查和修复方法，包括检查插件版本，重新安装旧版本并重启VSCode。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

看一下自己vscode中的插件吧

有可能是最近刚更新过插件,导致插件失效了,以我遇到的情况来说:
我使用的插件是 TypeScript Vue Plugin (Volar) 和 Vue Language Features (Volar) 但是他们两有一个故障了,结果就是无法正常使用了,如果你也使用的Volar插件那么可以参考接下来的文章

Volar插件可以提供Vue代码的编写辅助功能(如代码提示,自动补全等)

经过长时间的排查发现原因是:

  • 我有两个Volar相关插件,所以有可能会互相影响
  • 当以上两个插件更新了,但更新过程有问题(可能是连接失败了或是冲突了),导致插件某些功能失效了,就影响到了vue自动补全
  • 只需要重新下载或安装以前的版本就好了

  1. 在vscode中点击扩展图标,找到和Volar相关的插件(我的是两个)
    在这里插入图片描述

  2. 右击其中的一个插件,点击安装另一个版本
    在这里插入图片描述

  3. 等候一会,会弹出版本选择框(我大概用了20秒,如果几分钟了还等不到就可以连接加速器再尝试)
    在这里插入图片描述

  4. 选择其他版本,等待安装

  5. 安装完成后会提示重新加载vscode,点击 请重新加载 就好了
    在这里插入图片描述

  6. 试一下,看看写vue自动补全好了没有,如果没有好的话就将另一个插件也安装以前版本 😃

VS Code代码补全失效 - 解决方案
NSJim的博客
02-26 3443
在Linux主机或Docker环境下，使用 VS Code 编写 CPP 代码时，变量没有代码补全。这通常是因为当前目录下包含多个项目目录导致的，下文介绍解决方案。
vscode在自动填充后失去常规代码提示的问题（连续自动补充失效）
AlexGeek
09-21 3483
vscode固然非常好用，但是还是毕竟是轻量级的IDE，需要安装很多插件支持，同时进行诸多设置才能达到相对舒适的开发状态。之前在进行代码开发的过程中遇到一个问题，那就是：vscode在配合一些自动填充功能、snippets插件的时候，一旦自动填充后，补全片段出现半透明的白色底，这时候再使用一些已定义的代码片段，无法触发vscode的代码片段机制。需要将光标移除至半透明底区域点击，再又移回来，待那个半透明白色底区域消失后，才可以再次触发编辑时的代码补全。本篇大概记录一下这个问题基本现象以及vscode设置问.
Vue3快速上手（二）VSCode官方推荐插件安装及配置
一掬净土
02-06 3553
在设置-扩展里找到Volar插件，将Dot Value勾选上。这样在ref()修改变量时，会自动填充。,无需人工处理，提高效率。
Vscode无法启动自动补全或者代码跳转等辅助功能
sl530311的博客
03-11 337
然后如果还无法显示就是因为——你进入了服务器的根目录，文件过多导致超出了vscode的代码辅助功能的读取限制，左上角重新打开子文件夹（如进入用户目录usr文件夹或者仅打开该项目文件夹）后即可正常使用代码补全功能。之前连接服务器到主目录下发现改代码时没有自动补全功能，后解决。
Vscode 解决使用.vue文件里面代码无法自动补全解决方法。
wmuj_的博客
05-02 2768
最近相信许多小伙伴们学到vue的前置框架了，当然还要学习vue2开始，那么在开始vue前置框架里面，发现在.vue文件里面使用代码、函数等等代码没有自动补全和一键生成，这里提供两个解决方案。1.下载vetur插件。2.下载vue2 Snippets插件，这样在.vue里面使用代码就可以一键补全啦！
vscode C++ 自动补全失效
qq_73781710的博客
06-01 2182
再看一下intelliSenseMode是不是clang。如果是，改为default。如果嫌vscode自带的补全太慢，可以更改以下设置（默认为10，建议改到5以下）看complierPath是不是clang。如果是，改成g++/gcc。禁用clangd，然后去看看c_cpp_properties.json。windows下c_cpp_properties.json的配置。linux下c_cpp_properties.json的配置。
vscode写html不会自动补全
大雾起了清晨
05-27 3569
​ 解决VSCode中HTML自动补全功能不工作的问题，可以通过以下几种方法之一进行解决：12 打开VSCode的Settings（通过点击左下角的设置图标或使用快捷键Ctrl+Shift+P或Cmd+Shift+P打开命令面板，然后输入settings并选择）。 在Settings中，找到Text Editor下的Suggestions部分，确保Suggest的复选框被选中。 此外，可以在Files部分，点击Edit in settings.json选项，然后在associations里面加入.ht
vscode无法自动补全
qq_39466755的博客
01-13 3222
扩展->c/c++->Intellisense，找到Intelli Sense Engine Fallback 或者直接在设置里搜Intelli Sense Engine Fallback，将该选项设置为enabled；c/c++插件功能非常强大，几乎能满足日常编码过程中常用的功能；前提：安装c/c++插件。完成后代码即可自动补全。
vscode插件自动补全
02-16
### VSCode 插件自动补全配置方法 对于希望提升开发效率并改善代码编写体验的开发者来说，在 Visual Studio Code 中设置合适的插件来实现自动补全是至关重要的。针对不同类型的项目和技术栈，存在多种有效的配置...
vscode写vue代码
最新发布
03-17
例如，在某些情况下可能需要手动开启 JavaScript/TypeScript 的自动补全支持。 #### 调整用户设置 适当调整 VSCode 用户级或工作区级别的配置参数也能提升体验质量。比如增加如下几条记录至 settings.json 文件中...
vscode的vue
01-23
### 解决VSCode中Vue命令失效的方法 当遇到在VSCode中执行`vue -V`或`vue create demo_vue`等命令失败的情况时，通常是因为全局安装的Vue CLI工具未被正确识别或是由于PowerShell的安全策略阻止了脚本运行。为了...
vscode开发vue2
01-03
### 使用 VSCode 进行 Vue 2 项目开发 #### 配置环境 为了顺利使用 Visual Studio Code (VSCode) 开发 Vue 2 应用程序，需先确保已安装 Node.js 和 npm 或 yarn。创建新项目时可利用 `vue-cli` 工具来初始化项目...
vscode c++可以找到声明却无法自动补全
ccSnown的博客
07-09 1262
这个问题折磨了我将近一个月，今天终于被解决了，特此记录。
解决vscode突然不能自动补全html标签
橘猫吃不胖的博客
10-28 9111
之前不知道安装了什么可能与vscode有些冲突，出现了这样的情况：在.html文件页面中输入div，但是敲Enter键，输出的只是div三个英文字母，前面的小标志变成了abc，不能自动把标签补全成<div></div>，如图： 解决方法如下： 1、卸载vscode 2、在C盘找到用户，双击进去 3、找到自己的用户名的文件，双击进去，我的名字是21996 4、在里面找到.vscode文件夹，把它删掉 5、双击进入AppData文件夹，默认是隐藏的，去掉隐藏就可以看到 6、双击
关于VSCode中标签自动补全功能失灵的解决办法
qq_62497004的博客
11-26 3050
VSCode中标签自动补全功能失灵
vscode设置出错, 无法自动补全
awgptb8308的博客
04-12 326
问题: 之前设置的没问题, vscode重装后, 发现vscode里面的设置还在, 但敲代码却无法识别虚拟环境中的包了, 因此相关的内容也无法自动补全. 解决: 后来发现, 实际上设置没有出错, 但重装后忘记重新选定Python解释器了.... 点右下角的Python xxx, 之后在上方出现的下拉框中选择你想要的interpreter即可. 转载于:https://www.cnb...
解决Ubuntu20.24中Vscode无法自动补全ROS相关代码
Kingzhy666的博客
09-22 4680
解决Ubuntu20.24中Vscode无法自动补全ROS相关代码
vscode 输入 !不提示，没法自动补全的解决方法（最新）
周百万的博客
07-09 6172
突发vscode 输入 !不提示，没法自动补全的解决方法（最新）
vscode vue3没有代码补全
02-02
### 启用 VSCode 中 Vue3 的代码自动补全功能 为了确保在 VSCode 中能够正常使用 Vue3 的代码自动补全功能，需确认几个关键设置和扩展已正确配置。 #### 配置 VSCode 设置 确保 VSCode 设置中启用了自动完成功能。通过搜索 `autocomplete` 来查找相关选项，并将其值设为 `true`[^1]。此操作保证了编辑器的基础自动完成机制处于激活状态。 #### 使用合适的插件 对于 Vue3 项目，推荐使用 Volar 插件而非旧版的 Vetur。Volar 是由 Vue 官方团队维护的新一代 IDE 支持工具，专门为 Vue3 设计优化。如果当前环境中同时存在 Vetur 和 Volar，则可能会导致重复的代码提示现象，影响用户体验[^2]。因此应当卸载 Vetur 并单独保留 Volar。 #### HTML 标签自动补全 针对 `.vue` 文件内的 HTML 结构部分，默认情况下可能无法直接利用 Tab 键触发 div 等常见标签的快速展开。可以通过调整特定的工作区或全局设置来改善这一点。例如，在用户偏好设置 JSON 文件里加入如下片段： ```json { "emmet.includeLanguages": { "vue-html": "html", "vue": "html" }, "emmet.triggerExpansionOnTab": true, } ``` 这段配置使得 Emmet 工具可以在 .vue 文件内识别并处理 HTML 片段，从而允许按下 Tab 实现元素快捷输入[^3]。 #### 路径自动补全支持 为了让相对路径如 `@/components/Button.vue` 这样的语法得到良好解析和支持，可以考虑安装 Path Intellisense 扩展程序。该插件提供了基于工作空间根目录下的 tsconfig.json 或 jsconfig.json 文件定义的别名映射关系来进行智能感知的能力[^4]。 ---
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值