vscode 修改标签栏样式为换行全部展示

目前vscode的标签栏是滚动式的,选择查看都不是很方便,于是想要搞成andriod studio那种换行全部展示的标签栏。
因为vscode是electron写的,因此修改css就可以实现。

修改方法 1. 安装Custom CSS and JS Loader插件 2. 添加文件/Users/zmj/.vscode/tabs-wrapper.css .title { height: auto !important; } .tabs-and-actions-container { display: block !important; height: auto !important; } .tabs-and-actions-container .monaco-scrollable-element { height: auto !important; } .tabs-container { overflow: initial !important; height: auto !important; display: flex !important; flex-wrap: wrap !important; } .tabs-and-actions-container .editor-actions { position: fixed !important; right: 0 !important; z-index: 20 !important; bottom: 20px !important; background: #222 !important; } 3. 在settings.json中添加: "vscode_custom_css.imports": [ "file:///Users/zmj/.vscode/tabs-wrapper.css" ], "vscode_custom_css.policy": true, 4. cmd+shift+p呼出命令框,输入命令Reload Custom CSS and JS 5. 重启vscode 6. 完成!

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsfjgw.html