首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在VSCode中关闭折叠代码的高亮显示?

在VSCode中关闭折叠代码的高亮显示,可以通过以下步骤完成:

  1. 打开VSCode编辑器。
  2. 在左侧的侧边栏中,点击最下方的设置图标(齿轮状图标)或者按下快捷键Ctrl + ,,打开设置面板。
  3. 在设置面板中,可以看到搜索框。在搜索框中输入"折叠"或者"代码折叠"等相关关键词,以过滤出与代码折叠相关的设置选项。
  4. 在搜索结果中,找到"Editor: Show Folding Controls"选项。
  5. 默认情况下,该选项的值为"mouseover",表示鼠标悬停在折叠代码上时会显示折叠控件。要关闭折叠代码的高亮显示,可以将该选项的值修改为"always"。
  6. 修改选项值后,关闭设置面板。

现在,当你折叠代码时,不会再有高亮显示的折叠控件出现。

请注意,以上步骤是在VSCode的默认设置下进行的。如果你已经修改了其他相关设置,可能会影响到以上步骤的具体表现。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用Visual Studio Code编写Vue札记

二、支持Vue文件基本语法高亮VSCode Marketplace 搜素Vue 出现关于语法高亮插件有 vue,vue-beautify,vue-color,VueHelper,vertur等等...可以使用 npm install -g eslint-plugin-html 来安装 接着,安装了 HTML 插件后,还需要在 vscode 配置下 ESLint: "eslint.validate...Code Runner 运行选中代码段(支持大量语言,包括Node) CodeBing 在VSCode中弹出浏览器并搜索,可编辑搜索引擎 Color Highlight 颜色值在代码高亮显示 Color...语法高亮 View Node Package 快速打开选中模块主页和代码仓库 vscode-icons 文件图标,方便定位文件 VSCode Great Icons 文件图标拓展 VueHelper...Ctrl + Shift + ] 展开代码块 Ctrl + K Ctrl + [ 折叠全部子代码块 Ctrl + K Ctrl + ] 展开全部子代码块 Ctrl + K Ctrl + 0 折叠全部代码

38.8K92

何在 Vue 项目中,通过点击 DOM 自动定位VSCode代码行?

甚至你才刚刚加入这个项目,那么怎么样才能快速找到相关组件在整个项目代码文件位置呢?...Vue官方就提供了一款 vue-devtools 插件,使用该插件就能自动在 VSCode 打开对应页面组件代码文件,操作路径如下:使用vue-devtools插件可以很好地提高我们查找对应页面组件代码效率...,可以监听client端发送特定请求,当接收到执行定位命令请求时,执行VSCode打开代码文件命令,并定位到对应代码行。...利用 VSCode 编辑器这个特性,我们就能实现自动定位代码行功能,对应代码路径信息可以从client端发送请求信息当中获得,再借助nodechild_process.exec方法来执行VSCode...return sourceCodeChange(code, id) } }}2.3.2 计算代码行号接着在遍历源码文件过程,需要处理对应Vue文件template模板代码,以“\n”分割

2.8K30

开发必备 | 新手如何快速掌握VSCode编辑器?

0x00 VScode 快速入门 描述: VS Code 全称是 Visual Studio Code,是一款开源、免费、跨平台、高性能、轻量级代码编辑器。...Copy path of active file Ctrl+K R 显示资源管理器活动文件 Reveal active file in Explorer Ctrl+K O 显示新窗口/实例活动文件...vscode 界面,可以选择一个别人 gist 也可以忽略掉,然后创建一个属于自己 gist,使用快捷键 「Command + Shift + P」,在弹出命令框输入 sync,并选择「更新...代码格式 highlight-icemode : 高亮显示,由于VScode自带高亮显示不够显眼遂用此插件,配置"editor.selectionHighlight": false关闭自带高亮。...文件管理 vscode-icon : 根据文件后缀名来显示不同图标,让你更直观地知道每种文件是什么类型.

67610

Ubuntu中一键安装Notepad ++

简介   编辑器与开发人员普及导致了大量Notepad ++ Linux克隆版本(Notepadqq)构建,以及一组直接受其启发其他开源文本编辑器。   ...虽然像Gedit,VSCode,Sublime Text 3等可在Ubuntu和其他Linux发行版使用文本编辑器,很多人(可能包括你)还是喜欢Notepad ++。   ...Notepad ++功能包括:   用于处理多个文件选项卡式界面   语法高亮显示折叠   文本搜索/替换   可配置GUI   自动字/功能完成   还有更多功能。...所以无论你是这个代码编辑器长期粉丝,还是好奇,看看它是否值得大肆宣传(没有转换到Windows),这里是如何在Ubuntu上安装它。...或者,要直接跳到Ubuntu软件商店着名代码编辑器列表,通过下面的链接:   在Ubuntu安装Notepad ++   如果您喜欢手动执行操作,可以在任何支持SnapLinux发行版上运行以下命令

2.3K20

vscode使用汇总——常用插件、常用配置、常用快捷键

todo highlight     todo高亮插件 vscode icons        文件目录ico图标  我安装所有插件: Auto Close Tag Auto Rename Tag...JavaScript(ES6)code snippets Light+ Tweaked Path Intellisense Prettier - Code formatter TODO Highlight vscode-icons...editor.formatOnSave": true, "files.autoSave": "off", "prettier.printWidth": 120, "workbench.iconTheme": "vscode-icons...Ctrl + D        全选当前字符串 Ctrl+K,Ctrl+0     折叠所有代码 Ctrl+K,Ctrl+J     展开折叠所有代码 Ctrl + Q       切换视图 Ctrl...+ W        关闭当前窗口 Ctrl + 2        代码分屏 Ctrl + Shift + O      列出所有的类和变量 Shift + F12     查询所有引用

1.6K70

【黄啊码】PHPer常用编辑器,第十款堪称魔鬼级别

其特点有:-语法高亮; -代码折叠; -可以在矩形代码工作; -支持混合代码(例如ASP+HTML, PHP+HTML等); -其它主要代码编辑功能(撤销,书签,查找,分类等); -项目资源管理器...Notepad++ 不仅有语法高亮显示,也有语法折叠功能,并且支持宏以及扩充基本功能外挂模组。...notepad++优点: 比windows自带记事本强一点,因为能显示括号跟颜色,用这个写代码速度最快,因为与复杂编辑器相比,打开跟关闭还有电脑卡效率已经远远低于编辑器能提供辅助效率。...:支持高亮显示HTML和PHP代码;3:自动完成功能,可以自动完成用户自定义代码片断 3:标准函数提示; 4:有专门工程项目管理器; 5:对象浏览器搜寻编辑中文件包含信息,自定义函数,并以树形显示....第九:VSCode【各类插件齐全,堪称神器】 VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台免费源代码编辑器。

1.4K30

vscode学习笔记

内部浏览器打开,免去切换到浏览器麻烦,安装后在编辑器左侧边栏找到快捷按钮 guides:显示代码对齐辅助线 htmlhint:html标签嵌套错误提示 vscode-icons:文件图标,安装好后点击右下角设置选择文件主题图标...:可以显示每一行代码作者,提交时间,以及commit信息,在想要知道哪行代码是谁改动时候非常实用 Git History:git log查看 Settings Sync :提供了同步个人设置功能...它还提供了语法高亮、自动补全等功能,按 CMD + SHIFT + P 搜索 Add Docker files 个人配置快捷键 注意:以下快捷键基于vscode默认快捷键基础上进行了部分修改,有部分按照个人...+P,F1 展示全局命令面板 cmd+Shift+N 打开新编辑窗口 cmd+Shift+W 关闭编辑器 cmd + shift + =/- 视图放大 / 缩小 enter 重命名 cmd + W 关闭编辑器...下 跳转页尾 cmd + - 折叠区域代码 cmd + = 展开区域代码 cmd + alt + - 折叠所有区域代码 cmd + akt + = 展开所有区域代码 cmd + / 添加行注释 Ctrl

1.2K20

VS Code进阶

、智能代码补全、自定义热键、代码折叠代码片段、内置版本管理等特性,支持插件扩展,并拥有十分活跃插件社区。...你应该正在使用原生特性 代码自动补全 主题、图标自定义 代码高亮 项目/文件内搜索或替换 多个项目之间导航 你也许还没用到原生特性 系统终端集成:内部提供了一个控制台,它可以将所有的系统终端都集成进来...,如何在它们之间同步IDE配置和插件?...这里推荐几款: vscode-fileheader:一键添加文件头部注释,可自动同步文件修改时间 filesize:在底部状态栏显示文件大小,点击可显示文件详情 Regex Previewer:一款实时检测正则表达式匹配情况插件...TODO Highlight:将注释FIXME、TODO等语句高亮显示,提醒开发者 Color Info:用不同方式展示css颜色 Q:哎呀,我要插件社区没有,不要慌,你可以亲手做一个!

3.3K90

vscode 一些基本知识

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源现代化轻量级代码编辑器,支持几乎所有主流开发语言语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比...Color-Highlight   在编辑器中高亮显示颜色。 Color Picker   代码颜色选择器。 Css Peek   能在源代码字符串中找到对应css(类和ID)。...显示在那个css文件里,还有在第几行。 Csscomb   css 、less、sass 代码格式化。...Debugger for Chrome   js调试插件,前端项目在Chrome运行起来之后,可以直接在VSCode打断点、查看输出、查看控制台,详细配置见插件说明。...vscode-icons   文件图标。 Vue 2 Snippets    vue 代码提示,高亮

19710

vim 开发环境设置(常用)

手工定义折叠 "indent 更多缩进表示更高级别的折叠 "expr 用表达式来定义折叠 "syntax 用语法高亮来定义折叠 "diff 对没有更改文本进行折叠 "marker...对文中标志进行折叠 set foldmethod=manual "设置折叠区域宽度 "如果不为0,则在屏幕左侧显示一个折叠标识列 "分别用“-”和“+”来表示打开和关闭折叠。..."可使用autoindent命令简写,即 “:set ai” 和 “:set noai”。 "还可以使用“ :set ai sw=4”在一个命令打开缩进并设置缩进级别。..."关闭错误信息响铃 set noerrorbells "关闭使用可视响铃代替呼叫 set novisualbell "显示匹配括号([{和}]) set showmatch "How...many tenths of a second to blink set mat=2 "搜索时高亮显示搜索到内容 set hlsearch "搜索时不区分大小写 "还可以使用简写(“:set

83230

VSCode跳转到定义内部实现_VSCode插件开发笔记4

编辑体验:跳转到定义、智能提示、自动补全、查找引用、变量重命名等等 这些统统没有,都是由插件提供,对JS支持也是这样 一.内置插件 VS Code内置插件,与JavaScript有关只有一个vscode...插件,提供TS语言语法支持 typescript-language-features:提供语言特性相关高级支持,跳转、查找声明/引用、补全提示、outline/breadcrumb等涉及代码语义高级功能.../src ├── commands.ts # TS相关自定义command ├── extension.ts # 插件入口 ├── features # 各种语言特性,高亮折叠、跳转到定义等...,但思路一样 其中最重要3部分是features、server和typescriptServiceClient: Feature:对接VSCode,为高亮折叠、跳转等Editor功能入口提供具体实现...) 提供语句补全、API提示、代码格式化、文件内跳转、配色、断点位置校验等,还有一些更场景化API,增量编译,具体见Standalone Server (tsserver) 独立编译器(Standalone

4.6K30

VSCode插件大全|VSCode高级玩家之第二篇

高亮匹对标签 插件名:VSCode Highlight Matching Tag 此插件高亮显示匹对开始和/或结束标签。还可以在状态栏显示标签路径。...这个插件将尝试在任何地方匹配标记: 从标记属性、字符串内部、任何文件,同时还提供广泛样式选项来定制标记高亮显示方式。 官方支持标签: HTML和JSX。...提供了一种安全方法在VSCode呈现web内容,并支持一些有趣特性,编辑器内调试等! 再也不用在浏览器和编辑器来回切换而觉得麻烦了!...HTML请求转发到HTML语言服务器完成HTML/JS/CSS/PHP代码智能提示。 鼠标悬停显示详细链接到官方PHP文档。 智能高亮参考资料和关键字。...(高级版)(https://intelephense.com) 能精确折叠代码定义,块,使用声明,heredoc,注释,和自定义区域。

4.6K30

开发神器VSCode配置CC++环境

从此就爱不释手,一发而不可收,目前木荣君绝大部分代码编写以及文档编写都是在vscode上完成,下面木荣君就再给大家讲讲它优点。...该软件支持语法高亮代码自动补全(又称 IntelliSense(英语:IntelliSense))、代码重构功能,并且内置了命令行工具和 Git 版本控制系统。...支持功能包括语法高亮、括号补全、代码折叠代码片段;就这一特点就足以吸引众多开发者前来使用它。...Chinese(Simplified) 配置编译器C/C++ 我们主要是针对C/C++编程,那么需要VSCode支持C/C++语法,扩展插件里搜索C/C++相关语法高亮及自动补全相关插件 除此之外...\n"); // 输出显示 return 0; // 返回 } 总结 以上就是对VSCode介绍,并且配置了C/C++编译环境,后面实例代码都是在此编辑器基础上进行编写

76430

VS Code进阶

,支持几乎所有主流开发语言语法高亮、智能代码补全、自定义热键、代码折叠代码片段、内置版本管理等特性,支持插件扩展,并拥有十分活跃插件社区。...你应该正在使用原生特性 代码自动补全 主题、图标自定义 代码高亮 项目/文件内搜索或替换 多个项目之间导航 你也许还没用到原生特性 系统终端集成:内部提供了一个控制台,它可以将所有的系统终端都集成进来...代码片段:在「首选项/用户代码片段」可针对不同编程语言添加代码片段,HTML Boilerplate就是基于此来快速生成干净HTML模版插件,从此敲起代码来快得简直不要不要~ 自定义快捷方式:...这里推荐几款: vscode-fileheader:一键添加文件头部注释,可自动同步文件修改时间 filesize:在底部状态栏显示文件大小,点击可显示文件详情 Regex Previewer:一款实时检测正则表达式匹配情况插件...TODO Highlight:将注释FIXME、TODO等语句高亮显示,提醒开发者 Color Info:用不同方式展示css颜色 Q:哎呀,我要插件社区没有,不要慌,你可以亲手做一个!

1.7K20

android sdutio常用快捷键

快捷键 说明 F2 定位到高亮错误或警告位置 F4 若选中项目,打开 Project Struture F5 复制文件 Alt+F3 选中文本,逐个往下查找相同文本,并高亮显示 Alt+F1 可以将正在编辑元素在各个面板定位...Shift+F6 重命名,可以class定义时修改类名;  修改后按Enter Ctrl+F12 显示当前文件结构 Ctrl+Shift+F7 选中文本,高亮显示所有该文本,按Esc高亮消失 Ctrl...  + Alt + S 打开设置界面 Ctrl  + O 快捷覆写方法 Ctrl  + Plus/Minus 折叠展开代码块 Ctrl  + Shift + Plus,Minus 折叠展开全部代码块 Ctrl...  + Shift + U 大小写转换 Ctrl  + Shift + C 复制光标所在文件在硬盘绝对路径 Ctrl+Shift+Backspace 可以跳转到上次编辑地方 Ctrl+E 显示最近编辑文件列表...Enter 选中文件后, 在IDE打开文件,相当于双击 Alt  + Shift + Up/Down 上下移动代码 Alt+Insert 生成代码(get,set方法,构造函数等) Alt+Up

58690

phpstrom开发工具快捷键总结

+F 选中文字,高亮显示 上下跳到下一个或者上一个 F2(Shift+F2) 高亮错误或警告快速定位 SHIFT+F2 高亮错误或警告快速定位 CTRL+SHIFT+F7 高亮显示多个关键字....,可以快速复制 ctrl + ‘-/+’: 可以折叠项目中任何代码块,包括 htm 任意 nodetype=3 元素,function, 或对象直接量等等。....’: 折叠选中代码代码 Ctrl+Shift+U 选中字符大小写转换 ctrl+shift+i 快速查看变量或方法定义源 CTRL+ALT+F12 资源管理器打开文件夹,跳转至当前文件在磁盘上位置...ctrl+shift+enter (智能完善代码 if ()) ctrl+shift+up/down (移动行、合并选中行,代码选中区域 向上 / 下移动) CTRL+UP/DOWN 光标跳转到编辑器显示区第一行或最后一行下...(word) Ctrl + Backspace 删除字开始 Ctrl + 小键盘 + /- 展开 / 折叠代码块 Ctrl + Shift + 小键盘 + 展开全部 Ctrl + Shift + 数字键盘关闭全部

58910

vscode html注释快捷键_史上最全vscode配置使用教程

但前端开发工具数不胜数,像HBuilder、Sublime Text、WebStorm、Visual Studio Code……等等,其中VSCode以其轻量且强大代码编辑功能和丰富插件生态系统,独受前端工师青睐...文件将不会显示在工作空中 }, "**/node_modules": true }, // #让vuejs按"prettier"格式进行格式化 "vetur.format.defaultFormatter.html...Ctrl + End 跳转到页尾 Ctrl + Shift + [ 折叠区域代码 Ctrl + Shift + ] 展开区域代码 Ctrl + / 添加关闭行注释 Shift + Alt +A 块区域注释...在写前端页面,经常会在浏览器运行HTML页面,从本地文件夹中直接打开一般都是file协议,当代码存在http或https链接时,HTML页面就无法正常打开,为了解决这种情况,需要在在本地开启一个本地服务器...http-server服务 按快捷键CTRL-C 终端显示^Chttp-server stopped.即关闭服务成功。

1.4K20

提高 JavaScript 开发效率高级VSCode扩展!

这意味着它会实时运行你输入后代码,并在编辑器显示各种执行结果,建议亲自尝试一下。...但是你如果使用 Todo Highlighter(高亮),它会高亮显示并让你容易看到这个注释。 它以明亮颜色突出代码 “TODO/FIXME” 或代码任何其他注释,以便始终清晰可见。...当你更改相同标签时,关闭标记会自动更改,这两个扩展就是这样做。 它还适用于JSX和许多其他语言,XML,PHP,Vue,JavaScript,TypeScript,TSX。...Indenticator(缩进指示器) 它在视觉上突出显示当前缩进个数,因此,你可以轻松区分在不同级别缩进各种代码块。 ? ? VSCode Icons 使您编辑更具吸引力图标! ?...Version Lens — 在Visual Studio代码编辑器显示npm,jspm,bower,dub和dotnet核心软件包版本信息。

2.5K50

Mac 下升级 vim 并自己配置 vim 过程

2.配置自己 .vimrc 文件 vim 配置文件在根目录 .vimrc 文件,如果没有,自己创建一个。...打开 .vimrc 文件,输入配置,我配置如下: "显示行号 set nu "启动时隐去援助提示 set shortmess=atI "语法高亮 syntax on "使用vim键盘模式 set...=2 "浅色显示当前行 autocmd InsertLeave * se nocul "用浅色高亮当前行 autocmd InsertEnter * se cul "显示输入命令 set showcmd...set foldmethod=indent set foldmethod=syntax " 启动 vim 时关闭折叠代码 set nofoldenable "允许用退格键删除字符 set backspace...' 即为添加插件,: Plugin 'dyng/ctrlsf.vim' 安装插件,先找到其在 github.com 地址,再将配置信息其加入 .vimrc call vundle#begin()

2.4K70

VS Code 提高前端开发效率插件

GitLens 增强 Visual Studio 代码内置 Git 功能-通过 Git 责怪注释和代码镜头一目了然地可视化代码作者,无缝导航和浏览 Git 存储库,通过强大比较命令获得有价值见解...安装 "JavaScript 标准样式" 扩展 如果您不知道如何在 `Visual Studio` 安装扩展,请查看文档。 您将需要重新加载 `Visual Studio` 才能使用新扩展。...` Vetur VS 代码 Vue 工具 vscode wxml 微信 wxml 支持 /vscode 片段 vscode-fileheader 插入标题注释,并自动更新时间。...Studio 代码图标 [image] wxml 微信小程序 wxml 格式化以及高亮组件(高度自定义) ESLint 将 ESLint JavaScript 集成到 Visual Studio 代码...editor.codeActionsOnSave": { "source.fixAll": true, "source.fixAll.eslint": false } Import Cost 在编辑器显示导入

1.5K00
领券