拒绝VSCode菜单列表的圆角！

最新推荐文章于 2025-03-06 13:04:42 发布
最新推荐文章于 2025-03-06 13:04:42 发布
阅读量937 收藏 1
点赞数 2
文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/seaofbits/article/details/125713868
版权
本文讲述了作者在更新VSCode后对菜单列表圆角的不满，通过开发者工具找到关键代码并追溯到相关PR。由于官方未提供开关设置，作者分享了如何手动修改VSCode资源文件以移除菜单和标题栏的圆角，提供了具体步骤，并提醒用户修改前备份文件，同时推荐了用于修复校验和问题的插件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. 起因

背景：今天更新了VSCode之后，我发现所有的菜单列表都变成了圆角，和原始的UI设计显得非常格格不入。尤其是我还在用Win10，可能Win11用户还能接受一些， 反正我觉得不能忍受。

如图，UI里又圆又方一点都不和谐

排查：通过开发人员工具，看到菜单列表的元素的css类是.monaco-scrollable-element，然后通过github的"仓库内代码查找"，在vscode源码里发现了关键文件menu.ts，然后发现了关键的行第290行。

然后通过

最低0.47元/天 解锁文章
seaofbits
关注
如何关闭 VS Code自动缩进前面的点点
QQ_1933621554 的博客
12-21 3576
如何关闭 vscode自动缩进前面的点点 原来是这个样子的： 看着很不美观，因为我下了翻译，所以无意间找到了这个设置 首先Ctrl+Shift+P打开这个输入框，输入settings，点第一行就出来了 参考我的，看看有没有这行： 翻译插件的悬停提示 这个字是我打上去的，把这个all改成null，或者不填都可以,我试过了,改成其他的符号好像不行,有些默认选项 "editor.render...
基于Android的网上书店商城
m0_64203818的博客
05-30 1648
Android是一个开放源代码的移动操作系统，由Google公司领导开发团队所开发。它最初主要应用于智能手机和平板电脑等移动设备，并且现在也扩展到其他设备上，例如智能手表、智能家居、汽车信息娱乐系统等。Android操作系统提供了一系列的基础功能模块和应用程序，同时也支持开发者创建各种类型的第三方应用程序以满足用户需求。1. Java编程语言Android应用程序通常使用Java语言编写。Java具有简单易学、可靠性高等优点，在Android开发中得到广泛应用。
把 VSCode 中的颜色指示器改成圆角的一种办法
still-soda的博客
07-27 677
本文讲述了如何对 VSCode 中丑到爆的矩形颜色指示器进行样式修改。
VsCode/Cursor workbench.desktop.main.js 的入口
最新发布
aerror的专栏
03-06 417
这个也是main函数开始的，下面就是最后一行代码，表示export出rSo 函数作为它的名字公开为main, 和dll export表有点像了。nSO是一个类，应该是就是workbenchMain了。
visual studio code 修改工具栏风格
weixin_34087301的博客
08-18 759
用windows版vscode的同学们是否发现它的工具栏是白色的跟整个界面看起来不太搭调，如下图： 其实要改变标题栏颜色也很简单，点击：文件>首选项>设置 将 "window.titleBarStyle": "custom"配置到用户设置里边即可，如下图： 改过之后的样式如下： 是不是要好看很多？ 哈哈，这种适合有强迫症的人~ 转载于:htt...
圆角效果 border-radius——阴影 box-shadow——为边框应用图片 border-image
weixin_30300523的博客
11-28 160
1、圆角效果 border-radius border-radius: 5px 4px 3px 2px;/* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。 实心上半圆： 方法：把宽度（width）设为高度(height)的一半，并且只设置左上角和右上角的半径...
VSCode插件推荐
热门推荐
simple_Xsg的博客
04-10 2万+
1. VSCode汉化包插件 ：Chinese (Simplified) (简体中文) Language VSCode汉化包，原始默认是英文的所以我们需要下一个中文插件。 2.VSCode自动补全标签：Auto Close Tag Auto Close Tag对Html或Xml文件自动创建结束标签； 如在Html中输入div: 敲回车显示： 3. VSCode 自动同步修改前后标签名插件：Auto Rename Tag 修改前面标签后面跟着修改： 4. ...
VSCode远程XHR failed无法连接
Felier's Blog
03-01 1735
Resolver error: Error: XHR failed at y.onerror (vscode-file://vscode-app/d:/Microsoft%20VS%20Code/resources/app/out/vs/workbench/workbench.desktop.main.js:77:1261)
前端知识宝典
qq_37759901的博客
01-29 1433
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
面试题总汇
JovanDyy的博客
03-21 2087
前端面试题汇总一、HTML和CSS.............................................................. 171、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?............ 172、每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？. 173、Quirks模式是什么？它和Standards模式...
VSCODE（三）用户界面
Fishfishfishfishcat
12-10 9211
一、设置 1.1 用户设置和工作区设置 用户设置（User Setting）: 所有VSCODE实例都有效的设置；工作区设置（Workspace Setting）:当前工作区有效的设置。工作区设置可以上传到服务器上方便所有成员共享。 1.2 打开设置 VSCODE有途径进行VSCODE设置，分别是JSON和UI方式。那么如何打开JSON或UI进行设置呢？ 菜单栏选取。FIle-Preference-Settings(Linux)；Code-Preference-Settings(Mac)； 命令面板搜索。
vs code写python图形化界面_VSCode + PYQT5 搭建图形化界面
weixin_32267129的博客
01-15 1611
importsysfrom PyQt5 importQtCore, QtGui, QtWidgetsfrom PyQt5.QtWidgets importQApplication, QMainWindowclassUi_MainWindow(object):defsetupUi(self, MainWindow):MainWindow.setObjectName("MainWindow")Main...
基于stm32F4的智能宠物喂食器的设计：LVGL界面、定时喂食喂水通风
mbs706的博客
11-02 4415
3、编写IO控制程序，舵机控制程序，系统时间、定时喂食喂水程序、事件记录程序。4、调试UI界面比较满意后导入UI代码到keil5下载到单片机运行。2、UI设计环境使用SquareLine Studio。3、生成代码导入到vsCode进行仿真运行，编译比较快。1、STM32F407ZGT6最小系统设计。2、通过触摸屏设置时间定时喂食喂水通风。1、设计一个触摸屏作为人机交互。3、获取当前水槽的水位并显示。4、获取环境温湿度并显示。2、继电器控制电路设计。2、导入生成的UI代码。1、UI使用LVGL。
探索视觉设计新纪元：VSCode UI Sketcher
gitblog_01129的博客
08-23 474
探索视觉设计新纪元：VSCode UI Sketcher vscode-ui-sketcherDraw your projects to life项目地址:https://gitcode.com/gh_mirrors/vs/vscode-ui-sketcher 在数字化时代的大潮中，设计与代码的交融变得尤为重要。今天，我们为您介绍一款开创新纪元的神器——VSCode UI Sketcher，它将...
探索个性化界面的极致：Visual Studio Code插件——Customize UI深度剖析
gitblog_01159的博客
08-29 941
探索个性化界面的极致：Visual Studio Code插件——Customize UI深度剖析 项目地址:https://gitcode.com/gh_mirrors/cu/customize-ui 在编码的世界里，个性化的开发环境是提升效率和舒适度的关键。因此，今天我们将深入探讨一款针对VSCode的实验性扩展——Customize UI，它为开发者打开了超越默认界面定制的可能性之门。 项目...
VScode中常见/易忘CSS代码(原理)
weixin_72322475的博客
07-09 6228
整理总结了一些实际使用VScode的时候，比较常见和容易忘记的CSS代码，持续更新。。。主要是博主自存
vscode 设置
yincheng_fans的博客
09-06 1万+
语言设置中文显示 1）打开vscode工具； 2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击下面蓝色Configure Display Language后； python 编辑环境的是设置 在设置中输入 settings.json，并进入settings.json { “editor.fontSize”: 20, “e...
vscode插件-------css tree快速生成样式树
weixin_45781661的博客
09-16 2139
vscode插件-------css tree快速生成样式树 首先在vscode的插件市场下载css Tree 然后在基本 布局写好后，选中写的布局，快捷键ctrl+shift+p,选中如下图 即可快速生成样式树
VScode 插件推荐 献给所有前端开发者
墨抒颖
03-27 1248
VScode 插件推荐 献给所有前端开发者 HTML Snippets 初级H5代码提示,很实用 CSS Formatter 给CSS代码提供格式化支持 按alt+shift+f即可一键格式化代码 CSS Peek 在HTML源码中查看CSS类的定义 按F12直接跳转到定义编辑页,按alt+F12则可以再当前页面查看CSS类的定义 JS & CSS Minifier 用来压...
自定义圆角矩形菜单带箭头设计实现
在给定的信息中，标题“带箭头的圆角矩形菜单”指向了UI组件的一个具体实现，这是一个自定义的ViewGroup，用于在应用中创建具有视觉吸引力的交互元素。 ### 标题知识点： - **自定义ViewGroup**：在Android开发中，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值