电脑工场
白蓝主题五 · 清爽阅读
首页  > 电脑基础

VS Code 编辑器配置工作区设置:改一个项目,不扰其他

你是不是也这样:写前端项目时习惯用 Prettier 自动格式化,写 Python 脚本又想关掉它;或者在公司项目里禁用 ESLint,回家写个人小工具却想打开?这时候,全局设置就不管用了——得靠「工作区设置」。

工作区设置是啥?

简单说,就是把配置文件(.vscode/settings.json)直接放在你当前项目的根目录下。VS Code 启动时,会优先读这个文件,覆盖掉你用户级的全局设置。相当于给每个项目发一张「个性化身份证」,互不干扰。

怎么加?手把手来

打开你的项目文件夹(比如 ~/my-blog),在 VS Code 里按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac),输入「Preferences: Open Workspace Settings (JSON)」回车。如果还没建过,它会自动创建 .vscode/settings.json 并打开。

比如你想在这个项目里禁用保存时自动格式化,就写:

{
  "editor.formatOnSave": false,
  "eslint.enable": false
}

再比如,你正在写一个 Vue 3 项目,希望 TypeScript 检查更严格,可以加:

{
  "typescript.preferences.includePackageJsonAutoImports": "auto",
  "vetur.validation.template": true
}

别漏了 .vscode 文件夹

这个文件夹默认是隐藏的。如果你用终端操作,记得 ls -a 才能看到;在 VS Code 资源管理器里,它就稳稳躺在项目最上面一层。别手抖把它删了,否则所有本地配置全丢。

顺手配个 launch.json?

调试时经常要设断点、传参数。这些属于「运行/调试」行为,和编辑配置分开管。右键调试面板 →「添加配置」,选 Node.js 或 Python,VS Code 就会在 .vscode/launch.json 里生成模板。比如调试一个本地 Node 脚本:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch index.js",
      "program": "${workspaceFolder}/index.js",
      "console": "integratedTerminal"
    }
  ]
}

这个文件也只对当前工作区生效,换个项目,完全不用操心。