Vscode中的代码提示失效（vue项目代码提示失效，vue快捷键失效）

已于 2024-04-18 10:03:06 修改
阅读量1.3k 收藏 4
点赞数 1
分类专栏： Vscode Vue.js 前端开发 文章标签： vscode vue.js 前端
于 2023-02-21 13:08:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_65793170/article/details/129140566
版权
前端开发 同时被 3 个专栏收录
93 篇文章 2 订阅
订阅专栏
Vue.js
61 篇文章 1 订阅
订阅专栏
Vscode
4 篇文章 0 订阅
订阅专栏

简介：在写代码的时候，代码提示会对我们有很大帮助，但有时候代码提示就会变得没有反应，就像下面这样，

一点提示和动静没有，原因其实就是因为插件冲突，是Vetur和Eslint冲突，解决方法就是将vuter回退到之前的版本；

就像这样，

 

 下载完成以后，重新加载，然后你就发现，代码提示问题就解决了

 感觉有用，就一键三连，感谢(●'◡'●)

北城笑笑
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
详解vscode中vue代码颜色插件
10-17
vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。这篇文章主要介绍了vscode中vue代码颜色插件 ,需要的朋友可以参考下
配置Eclipse编写HTML/JS/CSS/JSP页面的自动提示
09-03
我们平时用eclipse开发jsp页面时智能提示效果不太理想，今天用了两个小时发现了eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/CSS代码，使用eclipse自带的插件，无需另外安装插件
vscode开发vue项目 代码高亮/语法提示 失效解决方法
qq_39167720的博客
07-22 1万+
vscode开发vue非常好用，因为有很多的插件，可以补全语法，或者高亮便于检查错误，但我发现我装了很多插件，却只有很少的提示，颜色也不改变，字只有两三种颜色，明显高亮也失效了，之前一直没有解决。第三种办法是卸载重装vue，然后再装插件，我这里更新了一下版本，但没有卸载，主要是怕丢东西，不怕的可以试试。我采取了自己的办法，开始想恢复初始设置，但没找到这个选项，于是我找到了vscode的配置文件，在这里。ctrl+s保存后退出，ok，高亮全部恢复，解决问题。打开左下角设置，在上面搜索preve。...
利用types增强vscode中js代码提示功能详解
01-19
使用 types 增强vscode中javascript代码提示功能 微软的vscode编辑器是开发typescript项目的不二首选，其本身也是采用typescript开发的。 使用过ts的同学都知道 *.d.ts 类型声明文件，其管理工具，从最初的 tsd,到后来的 typings,一直到现在的@types,类型声明文件为ts的智能提示，类型检查提供了有力支持。 我们也可以使用类型声明文件，增强vscode编辑javascript时的智能提示。 关于vscode这方面更深的说明，请访问以下链接：       1、https://code.visualstudio.com/docs/
在VsCode中写vue的css,代码提示一直不出现或提示错误
m0_52952413的博客
04-10 1090
在我们vue项目正常写css样式，便会出现一下提示，如：但有时无提示，那么这种情况有以下几种解决方案。
vscode 当中vue 全局自定义组件没有提示以及一些技巧
qq_41304029的博客
09-15 2632
阅读技术文章可以查漏补缺，借鉴别人编码方式提高代码水平阅读优秀项目 可以扩展业务处理能力检查每天阅读，每天学习新东西积少成多，水到渠成在写项目时候，我全局注册了组件，YhSwitch，但是在使用时候，并没有高亮显示，也没有任何属性提示，这样子编写代码体验非常的不好，如果不熟悉自己的组件的话，还得频繁切换到组件源码查看。
vscode 中没有代码提示
m0_65821435的博客
01-04 2万+
vscode 中没有代码提示
VSCode中写Vue没有代码提示的解决办法
qq_50564231的博客
02-18 2万+
但是经过我测试，两个插件在大部分时候都只支持单词语法的提示，Vetur在已创建的标签外使用时才支持模板创建，而Volar好像不支持模板创建？并且两个插件同时安装了，需要禁用其中一个才能正常使用。Vetur这个插件是对Vue2的项目适配比较好的，Vue3项目官方出了个插件叫Vue Language Features(Volar)。图4 Volar插件安装过程。2023.2.22更新。
VSCode中书写Vue无代码提示，如何解决？
热门推荐
柠夏
02-09 5万+
今天在配置VSC简便插件及实用技巧后书写Vue代码时，发现代码无提示，经过几轮查询资料后发现了问题所在，现给出解决措施。 第一步：我下载了  Vetur  和 Vue 2 Snippets 两个插件，随后创建了Vue模板，发现Vue并没有语法模板提示； 第二步：随后查询资料，发现还需要安装新插件  HTML Snippets ，然后进行  setting.json 文件配置:   ”文件“—”首选项“—”设置“—”文本编辑器
2024年PowerDesign安装教程，最新前端通用流行框架大全
最新发布
2401_84435885的博客
05-04 322
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总JavaScript性能linux前端资料汇总。
vscode-html-to-elm:将HTML转换为Elm代码以用于Visual Studio Code
05-13
用于Visual Studio代码HTML到Elm 此扩展增加了将HTML转换为Elm代码的支持。 它使用解析HTML并构建Elm代码。 安装 通过快速打开： ，安装并打开VS Code 按cmd+p打开“快速打开”对话框 输入ext install html-to-elm 点击安装按钮，然后点击启用按钮 通过扩展选项卡： 点击扩展标签或按cmd+shift+x 搜索html-to-elm 点击安装按钮，然后点击启用按钮 通过命令行： 打开命令行提示 运行code --install-extension Rubymaniac.vscode-html-to-elm 用法 好吧，用法很简单。 选择一些有效HTML代码文本 cmd+shift+p查看命令面板 类型： html convert to elm 选择命令并点击回车 利润 在行动中： 贡献 对于任何错误和功能要求，请
vscode ssh链接失效处理
07-26
vscode ssh
vscode新建一个最简单的vue项目
09-27
vscode新建一个最简单的vue项目
TVS二极管失效分析
01-20
摘要：常用电路保护器件的主要失效模式为短路，瞬变电压抑制器(TvS)亦不例外。TvS 一旦发生短路失效，释放出的高能量常常会将保护的电子设备损坏．这是 TvS 生产厂家和使用方都想极力减少或避免的情况。通过对 TVS 筛选和使用短路失效样品进行解剖观察获得其失效部位的微观形貌特征．结合器件结构、材料、制造工艺、工作原理、筛选或使用时所受的应力等。采用理论分析和试验证明等方法分析导致7rvS 器件短路失效的原因。分析结果表明引发 TvS 短路失效的内在质量因素包括粘结界面空洞、台面缺陷、表面强耗尽层或强积累层、芯片裂纹和杂质扩散不均匀等。使用因素包括过电应力、高温和长时间使用耗损等。 　　1
vscode中Vue别名路径提示的实现
10-15
主要介绍了vscode中Vue别名路径提示的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在vscode里使用.vue代码模板的方法
08-27
然后新建一个.vue文件，输入vue然后按tab键。2.如果第一步没有成功如果第一步成功是最好的，万一按tab键没有成功生成模板，而是多了一个空格：步骤一：点击文件 —— 首选项 —— 设置，修改以下设置："emmet....
Vue-cli Eslint在vscode里代码自动格式化的方法
08-27
本篇文章主要介绍了Vue-cli Eslint在vscode里代码自动格式化的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue transition 在子组件中失效的解决
10-16
今天小编就为大家分享一篇vue transition 在子组件中失效的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vscode解决代码冲突按钮消失-冲突文字不高亮
m0_56277111的博客
08-11 1万+
为防止vs再次自动更新,禁止自动更新，运行vscode，下载Chinese插件，重启，然后点击文件》首选项》设置或者Ctrl+,在搜索框中输入自动更新，在第一个框中选none，然后重启软件。安装以前版本，我同意此协议,下一步>可选择自定义安装目录,下一步>下一步>看自己需要勾选,下一步>安装,等待安装完成。其中，======= 上面是当前分支的代码，======= 下面是要合并进来的分支的代码，两者发生了冲突。...............
vscode vue 代码提示
01-12
在VSCode中实现Vue代码提示的方法如下： 1. 安装Vue插件：打开VSCode，点击左侧的扩展图标（四个方块），在搜索框中输入"Vue"，找到"Vetur"插件并点击安装。 2. 配置VSCode的语言模式：点击左下角的选择语言模式按钮（一般默认为"纯文本"），选择"Vue"。 3. 配置Vetur插件：点击左侧的扩展图标，找到已安装的"Vetur"插件，点击插件旁边的齿轮图标，选择"Extension Settings"。 4. 配置Vetur的别名路径提示：在"Vetur"的设置页面中，找到"Vetur > Suggest > Path Alias"选项，点击右侧的"Edit in settings.json"链接。 5. 在settings.json文件中添加别名路径配置：在打开的settings.json文件中，添加以下代码： ```json "vetur.pathAliases": { "@": "./src" } ``` 其中，"@": "./src"表示将"@/"路径映射为"./src"路径，你可以根据自己的项目配置进行修改。 6. 保存并关闭settings.json文件。 现在，当你在Vue文件中编写代码时，VSCode会自动提示别名路径的补全和路径跳转。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北城笑笑

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值