[VSCode] Visually Organize Applications in VS Code with Window Color-Coding
2023-09-14 08:59:13 时间
When working in a codebase that has frontend, backend, middleware, service, and other concerns all in the same GIT repository, it can be helpful to color-code your editor windows to quickly recognize in what area of your stack you are working.
We can easily do this with a few VS Code settings in the .vscode/settings.json
file in a directory. We can then open those directories in new VS code windows and visually see the difference between our frontend code and our backend code, eliminating cognitive overhead and context switching between, for example, ReactJS and NodeJS.
In Frontend folder, create .vscode folder, add file settings.json:
{ "workbench.colorCustomizations": { "titleBar.activeBackground": "#663399" } }
相关文章
- vscode的vetur插件提示 [vue-language-server] Elements in iteration expect to have 'v-bind:key' directives错误的解决办法
- 基于JSON Schema的JSON智能提示_VSCode
- HTML入门,HTML常用标签(下),VSCode
- 问题解决:内网环境下给 VScode 安装插件
- 笔记:VSCODE 在 WSL 开发时不显示代码差异问题
- 【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
- 【2022最新】Vscode配置Python环境Leetcode刷题指南
- Vue2.x - 标准化项目创建 + ESLint&Prettier设置 + VSCode插件推荐
- vscode Open a folder or workspace... (File -> Open Folder)问题
- vscode中matplotlib.pyplot 绘制的图像显示不出来