如果VSCode语法着色不正常，就需要看看你代码是不是写错了

代码小错误：else括号位置影响变量着色,

最新推荐文章于 2025-02-04 13:50:42 发布

原创最新推荐文章于 2025-02-04 13:50:42 发布 · 1.9k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vscode

今天才发现有这么一个原因，开始觉得很别扭，为什么红框的变量没正常着色，后面自己看出毛病了，原来else后面跟else，括号放错地方了：

改过来后就恢复正常了，一点小技巧，给自己MARK一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CXOCTO

关注关注

7
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vscode自定义颜色时各个参数的作用(史上最全)

风吹花中花吹风的博客

12-11

8775

基本 "contrastActiveBorder"/在活动元素周围额外的一层边框，用来提高对比度从而区别其他元素 "contrastBorder"在元素周围额外的一层边框，用来提高对比度从而区别其他元素 "widget.shadow"编辑器内小组件(如查找/替换)的阴影颜色 "progressBar.background"表示长时间操作的进度条的背景色，是一个向右滑动同时伸缩的窄条 "foreground"整体前景色 "icon.foreground"工作台中图标的默认颜色 "imagePreview.bo

three.js学习笔记(十四)——Shaders着色器

hongsir的博客

05-11

1万+

什么是着色器？实际上着色器是WebGL的主要组件之一。如果我们在没接触Three.js情况下开始学习WebGL，着色器将是我们首先且必须要学的知识，这也是为什么原生WebGL很难入门。着色器是一种使用GLSL(OpenGL Shading Language)编写并在GPU上运行的程序。它们被用于定位几何体的每个顶点，并为该几何体的每个可见像素着色。使用“像素Pixel”来描述其实并不准确，因为渲染的每个点不一定与屏幕上的每个像素相匹配，因此我们更倾向于使用术语“片元fragment”。之后我们会向着色

参与评论您还未登录，请先登录后发表或查看评论

使用树发送器为VSCode进行准确的语法着色-JavaScript开发

05-26

VSCode的Tree Sitter此扩展为VSCode支持Tree-Sitter语法着色。右侧带有树保护器着色的示例：Go Rust C ++ Ruby Javascri VSCode的树保护器此扩展为树保护器语法着色提供了VSCode支持。右侧带有树状保护器着色的示例：Go Rust C ++ Ruby Javascript / Typescript贡献修复现有语言的着色如果您发现某些东西上的颜色错误，或者应该上色但是没有上色，则可以为您提供帮助！最简单的帮助方法是通过一个简单的示例，一个屏幕截图以及对错误的解释来创建问题。你是一个

使用treesitter为VSCode准确的语法着色

08-08

使用tree-sitter为VSCode准确的语法着色

VSCode自定义配色文件

11-08

VSCode自定义配色方案目前在使用的一种配色方案，只要将该文件复制到VSCode的主体文件目录中（$RELEASE/resources/app/extensions），以theme-开头的目录即为颜色主题配置打开vscode，按键选择ctrl+k，ctrl+t，选择Monokai-My即可切换主题

VSCODE代码颜色显示错误

weixin_55050063的博客

03-23

4287

vscode代码高亮颜色异常

VSCode中代码颜色异常

weixin_69266073的博客

02-04

716

VSCode代码颜色异常

VSCode终端命令速成：掌握ESP32烧录、监控、构建的6条必用指令

本章将引导你搭建基于VSCode的ESP-IDF开发环境，重点配置终端对`idf.py`命令的支持，打通从代码编写到烧录调试的链路闭环。 ```bash # 初始化ESP-IDF项目的基本命令 idf.py create-project my_esp32_app ``` 该命令...

VS Code隐藏高手技巧曝光：5年+工程师都在用的10个核心功能，你却还在当普通编辑器用？

打开一个新项目，第一件事不是写代码，而是花半小时配置 ESLint、Prettier、调试器、插件列表……甚至还得翻出同事的笔记：“记得把 `formatOnSave` 打开！” 而隔壁工位的新同事，点了个按钮，三分钟内环境全齐——...

Vue扩展知识概括

weixin_41005188的博客

08-31

1825

VSCode自定义配色方案的实现

10-15

主要介绍了VSCode自定义配色方案的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

vscode代码颜色注意（变量颜色错误）

Urtcofor的博客

11-05

3538

当文件后缀名为.CPP时，变量会不显示出蓝色，而是显示出黑色而当将后缀名改回.cpp时，并不会马上复原。需要彻底关闭该编辑器再重启才能生效。

vscode代码颜色异常

jyf_568的博客

07-09

457

vetur 停用再启用就好了

vscode 主题的颜色定制

虾球

12-31

1万+

vscode 颜色修改

【亲测免费】 VSCode 日志输出着色器：提升你的日志阅读体验

gitblog_01041的博客

08-31

4114

VSCode 日志输出着色器：提升你的日志阅读体验项目介绍 VSCode 日志输出着色器（Output Colorizer）是由 IBM 开发的一款插件，专为 Visual Studio Code 设计。它旨在通过在输出面板和调试视图中添加语法高亮功能，增强开发者对日志文件的可读性和理解能力。此插件兼容多种主题，并且能够智能地匹配常见的日志模式，无需担心与其他改变输出面板颜色的扩展冲突。它支持...

修改Visual Studio Code编辑器的主题和代码颜色

qq_37944726的博客

04-16

7万+

怎么自定义Visual Studio Code编辑器的代码颜色** 摘要：自定义Visual Studio Code（VSCode）的代码颜色在VS Code 的左下角，点击设置。打开设置后，在搜索栏搜索关键字：主题。搜索结果显示有许多个在setting.json中编辑，任意点开一个，即可编辑代码的颜色。在文件setting.json的代码后面，插入相应的代码，然后保存。代码如下： // 自定义的颜色 "editor.tokenColorCustomizations":

VScode打开代码显示乱码

weixin_44357071的博客

10-19

620

是因为编码方式错误了，可以进行修改，如上面的编码方式是UTF-8 ，我修改为GBD就可以了。

vscode1.62原生代码块边缘导轨着色与Bracket Pair Colorizer的对标和差异化（附配置）

幻日のヨハネ

11-06

6346

前言听闻 vscode1.62 已发布，相信聪明的 vscode 使用者已经在 vscode1.61 要升级为 1.62 ，或已升级为 1.62 ，虽然本次 1.62 的版本变化没有 awesome 级别的 feature ，但格外引人注意的就是与 Bracket Pair Colorizer 这个插件的对标和差异化。对标追溯古老的 vscode 1.60 版本，官方开始提供更好的正则引擎去识别括号并附加彩色着色，就已经开启了 Bracket Pair Colorizer 的对标时代，详情可见下文：

VS Code代码高亮颜色设置

最新发布

04-24

### 关于 VSCode 中代码着色器组件的配置与使用 #### 一、VSCode 的基本安装与扩展市场访问为了在 Visual Studio Code (VSCode) 中实现代码着色功能，首先需要完成其基础环境搭建。可以通过官方提供的链接下载并安装最新版本的 VSCode[^1]。安装完成后，在 VSCode 内部通过快捷键 `Ctrl+Shift+X` 或导航至菜单栏中的 **Extensions** 来打开扩展市场。这是获取各种插件的核心入口，其中包括支持不同编程语言及其特性的工具包。 --- #### 二、日志输出着色器扩展介绍及配置针对日志文件或其他特定格式文本的颜色高亮需求，可以利用名为 **vscode-log-output-colorizer** 的扩展来增强用户体验[^2]。该扩展不仅适用于 `.log` 文件，还能够作用于调试控制台和输出面板的内容显示效果优化。 ##### 安装步骤： 1. 访问扩展商店，搜索关键词 “Log Output Colorizer”； 2. 点击右侧按钮进行安装操作即可自动同步到本地环境中； 3. 如果希望自定义颜色方案，则需修改用户设置 JSON 文件（可通过命令调用：Preferences: Open Settings (JSON)），添加类似以下片段： ```json { "logOutputColorizer.customRules": [ { "regex": "(ERROR|FATAL)", "color": "#FF0000" }, { "regex": "(WARN)", "color": "#FFFF00" } ] } ``` 上述规则会分别将匹配关键字 ERROR/FATAL 和 WARN 的部分标记为红色以及黄色背景提示。 --- #### 三、GLSL 着色器开发的支持环境构建对于从事图形渲染领域工作的开发者而言，集成 OpenGL GLSL 著名的语言特性显得尤为重要。下面详细介绍如何基于 VSCode 设置适合编写维护此类资源的工作流[^3]。 ##### 步骤说明： - **安装必要的扩展**: 推荐选用由 bjbelyakov 开发的 **glsl-languageserver**, 这是一款轻量级服务器端程序，提供包括语法验证在内的多项服务。 - **创建示例项目结构** 假设当前目录下存在一个简单的片元着色源码 `ourShader.fs`, 其内容可能像这样: ```glsl #ifdef GL_ES precision mediump float; #endif void main() { gl_FragColor = vec4(1.); } ``` 此时如果已成功加载前述提到的服务模块, 则应该可以看到实时错误反馈或者智能感知建议等功能生效. 另外值得注意的是某些高级选项比如 LSP(Language Server Protocol) 可能还需要额外调整启动参数才能完全启用全部潜力. --- ### 总结综上所述，无论是常规的日志处理还是专注于 GPU 编程场景下的脚本创作活动，借助恰当的选择搭配都可以显著改善日常工作效率。以上仅列举了几种典型应用案例供参考学习之用。