【重要问题记录】vue3代码在vscode中导入的组件名称不高亮

最新推荐文章于 2025-02-06 18:08:04 发布
原创 最新推荐文章于 2025-02-06 18:08:04 发布 · 3.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #ide #编辑器 #vue

公司电脑上的VSCode导入组件显示高亮，而家庭环境中同一款软件的组件名不显示高亮。问题出在工作区版本上，升级到5.0.4版本后，问题得到解决。

家人们为啥公司电脑的vscode导入组件是高亮的，家里面的vscode导入组件名不高亮，安装的vscode插件都一模一样

在这里插入图片描述
最终切换工作区版本解决了

在这里插入图片描述
在这里插入图片描述
切换到了 5.0.4就解决了

ktianc
关注
解决代码在VSCode中不高亮的问题
DpgrMl的博客
09-23 8160
如果你的代码是使用某种特定语言编写的，确保已经安装了相应的语言扩展并且启用了它。你可以通过在VSCode的扩展市场中搜索相应的语言扩展来安装它。文件类型未关联到正确的语言：有时候，VSCode可能无法自动识别你的代码文件的类型，从而导致无法正确高亮显示。在VSCode中，点击右下角的文件类型选择框（默认为纯文本），然后选择与你的代码文件类型相对应的语言。总结起来，当你的代码在VSCode中无法正确高亮显示时，可以尝试安装和启用相应的语言扩展、关联正确的文件类型、检查文件后缀名以及恢复默认的主题或颜色方案。
Vue项目中的VS Code缺少语法高亮怎么办？
SVIPCODE的博客
09-22 1744
你可以尝试手动设置文件关联来解决这个问题。在VS Code中，点击菜单栏的"文件"，选择"首选项"，然后选择"设置"。在设置面板中，搜索"文件关联"，然后点击"编辑文件关联"。总结起来，如果你的VS Code没有正确地显示Vue语法高亮，你可以尝试按照上述方法进行排查和修复。通过安装Vue插件、检查文件类型和关联、以及确保软件和插件更新，你应该能够恢复Vue语法高亮功能，并更轻松地编写Vue项目。当你在VS Code中编写Vue项目时，语法高亮是一个非常有用的功能，它能够帮助你更好地理解和编写Vue代码。
vscode安装vetur不高亮解决方法！！巨坑
ji860729050的博客
11-17 4758
vscode安装vetur插件不高亮解决方法 相信很多朋友在安装vetur时都踩过这个坑，在研究vue时vetur插件安装之后不高亮，在网上尝试了很多方法，比如重装vetur，修改setting.json文件等等，都没有解决这个问题，最后看到一篇博客说把data文件删了引起了我的注意，虽然那篇博客能解决问题，但付出代价是删了所有的data文件。 最后经过思考和尝试，杠了又杠，找到了这个vetur和vscode的某些颜色主题不兼容问题， 下面是解决方法 如下图打开颜色主题设置 就是下图这玩意儿，如果你设置的
详解vscode中vue代码颜色插件
10-17
vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。这篇文章主要介绍了vscode中vue代码颜色插件 ,需要的朋友可以参考下
使用vue3，vscode变量不高亮
SiShen654的博客
05-11 2541
如果你的插件中有Vetur，将其禁用重新加载即可。 如果没有，就是你没有安装官方推荐插件：Volar
vscode 没有高亮/颜色问题
qq_56812007的博客
02-06 3687
需要安装对应文件的拓展包才能正常显示。④找到并下载好需要的拓展包，所有恢复正常。
工作流-OA-低代码-表单-的前端工程-vue3-ts -vscode下载
09-09
在此项目中，Vue3的使用意味着开发者可以享受到这些技术红利，编写出更简洁、更易于维护的代码。 TypeScript是JavaScript的一个超集，添加了静态类型定义。它为Vue3提供了更强的类型检查和ES6+新特性的支持，使得...
vsCode引入VUE代码块
06-19
3. **代码片段（Snippets）及其在VSCode中的应用** 4. **配置VSCode以支持Vue.js代码片段** 5. **自定义Vue代码片段** 6. **Emmet集成与高级用法** #### VSCode简介与功能 VSCode（Visual Studio Code）是一款由...
2024vsCode常用的插件，插件，皮肤、vue提示、sass rem
2401_84149996的博客
05-04 1293
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
vscode插件vuevuerouter和vuex的代码提示
08-08
- **Vue Router Auto Import**：该插件可以帮助开发者自动导入路由组件，当在模板中引用路由组件时，会自动补全并导入相应的路径，避免手动输入。 3. **vuex 插件**： - **Vuex Snippets**：提供 vuex 相关的代码...
Vue3通透教程【三】Vue3代码初体验找不同
热门推荐
官方推荐
02-13 5万+
初体验Vite构建Vue3项目工程入口文件的不同
vscode中vue代码没有高亮显示的问题
weixin_65644264的博客
06-24 7084
**Vetur**：Vetur 是一个专门为 Vue.js 开发提供支持的插件，它提供了语法高亮、智能提示、Emmet 支持等功能。- **VS Code 设置冲突**：有时其他插件或自定义设置可能与 Vetur 冲突。- 在菜单栏中选择 **文件(File)** > **首选项(Preferences)** > **设置(Settings)**。- 在 Vetur 插件下，如果有更新可用，会显示更新按钮。- **重装插件**：尝试先卸载 Vetur 插件，然后重新安装。- 打开 VS Code。
vscode vue文件 script标签不高亮显示
qq_45600228的博客
07-07 604
vscode vue文件 script标签不高亮显示
vscode Vue文件代码显示不高亮问题
m0_57809042的博客
11-29 1766
把底下这段代码粘贴到 vscode的 setting.json 文件的后面中。之后重新打开就可以了。
【问题记录】VSCode升级后vue3的ts代码高亮失效
Kuroko's Development Notes
11-17 2599
VSCode 升级到 v1.73.1 之后，原来好好的代码，突然ts语法高亮没了。VSCode插件功能失效。
vscode中vue文件，script代码块无高亮问题
xiaozhangluo的博客
11-17 2555
html和css都能够正常高亮，ts/js只有部分高亮
vs code打开 vue文件没有高亮解决办法
weixin_54378176的博客
07-07 1522
vs code左下角点那个manage（齿轮图标）就可以看到”settings”-“workspace”-“Text Editor”-“Files” 右边看”associations”-点“add items”。key输“*.vue” Value输“html” 点OK就解决了。
vue3使用vsc编辑器代码无高亮且置灰了，但是不报错又能正常运行 和 ‘DataChoose‘ is declared but its value is never read
agua001的博客
05-11 1516
vue3使用vsc编辑器代码无高亮且置灰了，但是不报错又能正常运行 和 'DataChoose' is declared but its value is never read
vscode中vue3常用组件
最新发布
03-14
### VSCode 中 Vue3 开发环境配置 对于在 Visual Studio Code (VSCode) 中进行 Vue 3 开发而言，合适的插件能够极大地提升编码效率与质量。以下是几个推荐的用于增强 Vue 3 开发体验的重要工具及其功能概述： #### Vetur 此插件提供了丰富的特性来支持 Vue.js 文件编辑，包括但不限于代码片段、语法高亮显示、自动格式化处理以及基本的错误检测能力[^1]。 ```json { "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "force-aligned" } }, } ``` 上述 JSON 片段展示了如何自定义 `Vetur` 的 HTML 格式化选项以适应个人偏好设置。 #### ESLint 作为一款流行的静态分析器，ESLint 不仅可以帮助开发者发现潜在问题并保持良好的编程习惯，而且特别针对 Vue 组件进行了优化集成，在编写过程中实时给出反馈建议。 为了使 ESLint 正确解析 Vue 单文件组件中的 `<script setup>` 结构，需确保已安装对应的解析器如 [@vue/eslint-parser](https://eslint.vuejs.org/user-guide/#what-is-the-recommended-config)，并且 `.eslintrc.*` 配置文件中指定了 `"parser": "@vue/eslint-parser"` 及其他必要的规则集。 #### Path Intellisense & File-Jump 考虑到现代前端框架广泛采用基于路径别名的方式导入模块，Path Intellisense 或者更专业的 file-jump 插件允许用户轻松完成诸如 &#39;@/components/Header&#39; 这样的相对路径补全操作；而后者更是实现了点击 Ctrl 键加选中特定地址即可快速定位至目标源码处的功能[^3]。 #### Vue Peek 该扩展程序专为提高浏览大型项目结构的速度设计而成——只需简单地按下组合键就能即时查看所关心函数或类别的原始声明位置，极大地方便了日常维护工作流[^2]^. #### 安装指南 要获取这些实用的小帮手们非常简便：打开命令面板 (`Ctrl+Shift+P`) 并输入 “Install Extensions”，接着按照提示依次查找所需项直至成功加载完毕为止。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值