必须创建多根工作区文件(如my-project.code-workspace)并配置其settings字段,才能使前端、后端、共享库共用同一套代码格式、排除规则和调试行为;否则设置仅作用于单个项目。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你需要让前端、后端、共享库三个项目共用同一套代码格式、排除规则和调试行为,而不是每个项目单独配一遍设置。
创建多根工作区文件
在 VSCode 中,按下 Ctrl+Shift+P 打开命令面板,输入并选择 “Workspaces: Create Workspace”。
在弹出的文件保存对话框中,将文件命名为 my-project.code-workspace,保存到你希望统一管理的父目录下(例如 /home/user/my-fullstack)。
这一步必须完成,否则后续所有设置都只作用于单个项目,【无法跨根目录生效】。
向工作区添加多个项目文件夹
打开刚创建的 my-project.code-workspace 文件(双击即可),VSCode 会自动进入多根工作区模式。
点击菜单栏 文件 → 将文件夹添加到工作区,依次添加:
• ./frontend
• ./backend
• ./shared。
添加完成后,左侧资源管理器顶部会显示三个命名根目录,且状态栏右下角出现 [Workspace] 标识。
配置共享设置(settings)
按下 Ctrl+, 打开设置界面,在右上角点击 “打开设置 (JSON)” 图标({})。
此时编辑的是 my-project.code-workspace 对应的 JSON 文件,不是用户或文件夹级设置。
在 "folders" 数组下方,插入 "settings" 字段,填入你希望全局生效的配置:
Fitten Code 1.0.3是一款由清华博士团队打造的AI编程助手,基于国产计图(Jittor)深度学习框架开发。它支持VS Code、JetBrains系列等主流IDE及80多种编程语言。核心功能包括智能代码补全、注释生成、代码解释、Bug检测、单元测试生成等,旨在全方位提升开发效率。该工具对个人用户免费开放。
{
"folders": [
{"name":"Frontend", "path":"./frontend"},
{"name":"Backend", "path":"./backend"},
{"name":"Shared", "path":"./shared"}
],
"settings": {
"editor.tabSize": 2,
"files.exclude": {"**/node_modules": true, "**/.git": true},
"eslint.enable": true,
"prettier.tabWidth": 2
}
}
保存该文件。所有配置现在会同时作用于 frontend、backend、shared 三个根目录下的文件。
为特定项目覆盖共享设置
方法一:在对应项目根目录下新建 .vscode/settings.json 文件。
例如,在 ./backend 中创建该文件,写入:
{ "debug.node.autoAttach": "on" } —— 这条设置仅对 backend 生效,不会影响 frontend。
方法二:在 VSCode 设置 UI 中切换左上角作用域为 Workspace Folder,再修改某项设置并保存。
注意:只要存在文件夹级 .vscode/settings.json,它就会优先于工作区 settings 字段中的同名配置。
验证设置是否生效
第一步:在 frontend 目录下新建一个 test.js,输入 cons,看是否自动补全为 console.log()(依赖 ESLint 和 Prettier 配置)。
第二步:在 backend 目录下打开终端,执行 Ctrl+Shift+P → “Developer: Toggle Developer Tools”,切换到 Console 标签页,确认无报错提示。
第三步:在 shared 目录中任意 .ts 文件里按 Alt+Shift+F 格式化,观察缩进是否为 2 空格——这是你写在 settings 里的值。










