目前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,