VScode中js文件代码没有高亮问题

最新推荐文章于 2025-02-23 21:00:14 发布
最新推荐文章于 2025-02-23 21:00:14 发布
阅读量6k 收藏 8
点赞数 12
文章标签： vscode javascript ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AtlantisPrincess/article/details/125198137
版权

问题 ：VScode中js文件js代码没有高亮（显示白色）

在这里插入图片描述

解决方法：文件 -> 首选项 ->设置
在这里插入图片描述
找到setting.json 然后注释掉这段代码，重新打开文件
在这里插入图片描述

JS代码就有高亮了（白色看着实在别扭）
在这里插入图片描述

解决代码在VSCode中不高亮的问题
DpgrMl的博客
09-23 6843
如果你的代码是使用某种特定语言编写的，确保已经安装了相应的语言扩展并且启用了它。你可以通过在VSCode的扩展市场中搜索相应的语言扩展来安装它。文件类型未关联到正确的语言：有时候，VSCode可能无法自动识别你的代码文件的类型，从而导致无法正确高亮显示。在VSCode中，点击右下角的文件类型选择框（默认为纯文本），然后选择与你的代码文件类型相对应的语言。总结起来，当你的代码在VSCode中无法正确高亮显示时，可以尝试安装和启用相应的语言扩展、关联正确的文件类型、检查文件后缀名以及恢复默认的主题或颜色方案。
【Java错误解决方案】解决web前端中vscode工具js文件中js代码不高亮显示（.vue文件和.json文件中代码正常高亮显示）的问题
流川枫NO.1
09-16 309
在vscode编辑器JS文件中JS代码不高亮显示（.vue文件和.json文件中代码正常高亮显示）
Javascript 在Vscode 代码没有高亮
qq_60582586的博客
11-10 695
PS：我的碎碎念，真的很谢，js代码一直不高亮提示，很难受，去装了一堆插件，然鹅并没有什么用，后面翻了一堆博客才发现，嗯！（不同主题下颜色显示不同，试试换下主题颜色，真嘟会有惊喜），运行哪个工程可以搜索下相应的插件，先安装上插件，2.插件安装没问题，
开发VUE项目,用 VSCode 编辑 Vue 文件时发现代码不高亮显示，解决方法
luckyext的博客
02-23 465
开发VUE项目,用 VSCode 编辑 Vue 文件时发现代码不高亮显示，解决方法。
Vscode js文件不显示高亮
qq_52605986的博客
10-24 586
vscode文件格式打开异常
【Mac vscode 】js文件代码不高亮
weixin_45650440的博客
02-07 419
尝试过change color theme，but it didn’t work for me when I check the file ‘setting.json’,there is a dublicate same block ——files.associations,delete one; // html颜色高亮 "files.associations": { "*.html": "html", "*.MarkDown": "markdown", "*.cjson": "
vscode中js代码不能高亮
qq_50031016的博客
04-15 2393
尝试很多办法，原来js代码可以高亮，可是不知道什么原因就白花花的一片，脑壳疼 完成这两步js代码就高亮了，谢天谢地！ 参考：https://blog.csdn.net/cjFrontEnd/article/details/88537368
vscode中js文件无高亮问题
Beedemon的博客
11-02 1万+
打开vscode突然发现只有js代码没有高亮提示了 参考了一下解决VsCode开发工具js文件白色字体的问题 点开文件->首选项->设置 选择在settin.json中编辑，注释掉这段代码即可 高亮部分回来了： ...
【vscode】解决js高亮问题
weixin_45650440的博客
09-10 1085
把 .vscode 文件下的extention 文件 和 argv.json文件删除 把 AppData/Roaming文件里的Code删除
vscode中的语法高亮和语义高亮(Syntax Highlight and Semantic Highlight)
04-04
在 Visual Studio Code (VSCode) 中，语法高亮和语义高亮是两种增强代码可读性和美观性的关键功能。这两种高亮方式帮助开发者更好地理解代码结构和含义，从而提高编程效率。 1. **语法高亮 (Syntax Highlight)** ...
解决VSCode中编写Vue代码没有提示的问题
ByteEchoX的博客
10-10 1万+
在VSCode的设置中搜索"autocomplete"，找到相关的设置项，并确保其值为true。在VSCode的插件面板中，你可以检查是否有可用的更新。如果问题仍然存在，可能是由于其他原因导致的，你可以尝试在开发者社区或相关论坛上寻求帮助，以获得更具体的解决方案。如果你尝试了以上的方法仍然没有代码提示，可以尝试重新启动VSCode，看看是否能够解决问题。在使用VSCode编写Vue代码时，有时候会遇到没有代码提示的情况，这给开发带来了不便。如果在特定的Vue项目中没有代码提示，可能是因为项目配置的问题。
auto.js vscode编写代码提示提示，离线安装
04-24
2. **VSCode的JavaScript支持**：VSCode内置了对JavaScript的优秀支持，包括语法高亮、代码片段、自动完成等。但为了更好地适应auto.js，可能需要特定的插件来增强这些功能。 3. **代码提示和智能感知**：VSCode的...
vscode下的vue文件格式化问题
10-17
Vetur是一款针对Vue生态的VSCode插件，提供代码高亮、智能提示、格式化等功能。然而，在Vetur更新到0.14.2版本后，可能会出现格式化问题，这主要是由于Vetur的默认配置和推荐的格式化工具发生了变化。 首先，Vetur...
VScode 中 Python 代码不高亮显示怎么办？
热门推荐
wzk4869的博客
08-30 1万+
VScode 中 Python 代码不高亮显示怎么办？
vscode中vue代码没有高亮显示的问题
weixin_65644264的博客
06-24 5307
**Vetur**：Vetur 是一个专门为 Vue.js 开发提供支持的插件，它提供了语法高亮、智能提示、Emmet 支持等功能。- **VS Code 设置冲突**：有时其他插件或自定义设置可能与 Vetur 冲突。- 在菜单栏中选择 **文件(File)** > **首选项(Preferences)** > **设置(Settings)**。- 在 Vetur 插件下，如果有更新可用，会显示更新按钮。- **重装插件**：尝试先卸载 Vetur 插件，然后重新安装。- 打开 VS Code。
VScode文本、函数不高亮显示
qq_45286494的博客
12-07 506
2、切换主题，在深色和浅色之间切换几次。3、如果不行，然后再试一遍2。
vscode里突然.vue文件代码没有高亮
一只程序喵
11-17 1万+
如果一开始就没有高亮颜色代码：安装Vetur即可 如果一开始代码有高亮颜色，突然没有的情况下 == 这时候就安装有高亮颜色代码的那个时间段的版本即可恢复 ==
vscode Vue文件代码显示不高亮问题
风烟
12-31 3019
这些地方显示的都不对，经过搜索发现，打开vscode的设置json进行编辑。加入这一行就可以解决这个问题。保存之后高亮就正常了。我用vscode打开vue文件高亮显示不对。
vscode设置vue的代码高亮
最新发布
03-24
### 如何在 VSCode 中设置 Vue 文件的代码高亮 为了使 VSCode 支持 Vue 文件的代码高亮功能，需要安装特定的扩展并进行必要的配置。以下是对这一过程的具体说明： #### 安装 Vetur 插件 Vetur 是一个专门为 Vue 提供支持的插件，它能够提供语法高亮、智能感知以及其他开发辅助功能。通过安装此插件可以有效解决 Vue 文件无法正常高亮的问题[^2]。 可以在 VSCode 的扩展市场中搜索 “Vetur”，然后点击安装按钮完成安装操作。 #### 配置 settings.json 文件 即使安装了 Vetur 插件，有时仍需手动调整一些配置项以确保其正常工作。可以通过修改 `settings.json` 文件实现这一点。具体方法如下所示： 打开命令面板 (`Ctrl+Shift+P`) 并输入 "Preferences: Open Settings (JSON)" 打开全局或工作区级别的 JSON 设置文件，在其中加入以下内容: ```json { "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.options.tabSize": 2, "files.associations": { "*.vue": "vue" }, "editor.tabSize": 2 } ``` 上述配置中的 `"*.vue": "vue"` 关联声明告诉 VSCode 将 `.vue` 后缀名识别为 Vue 类型文件，从而激活对应的语法特性[^3]。 如果仍然存在某些样式未生效的情况，则可能还需要进一步检查其他潜在冲突因素，比如是否有多个相同作用域的功能覆盖等问题。 #### 测试效果 完成以上两步之后重启 VSCode 应用程序，重新加载项目内的 .vue 文件查看是否已经实现了预期的颜色区分渲染表现形式。如果没有看到任何变化，请确认已正确执行每一步骤，并且网络环境良好以便于下载最新版本的相关资源包。 ```javascript // 示例：Vue 单文件组件结构展示 <template> <div id="app"> {{ message }} </div> </template> <script> export default { data() { return {message:"Hello world!"}; } } </script> <style scoped> #app { color:red; font-size:20px; } </style> ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值