我的VS代码工作流（工作区，图标，任务）的一些改进很少

VS Code 工作流改进：工作区、图标和任务

最近我发现了一个之前不知道的 VS Code 功能：在一个项目文件夹打开的同时，可以添加另一个不同的根文件夹到同一个窗口中。我之前一直以为，打开一个项目只能有一个顶级根文件夹，如果需要打开其他文件夹，必须在新窗口中打开。但事实并非如此！

在 CodePen，我们使用“双仓库”模式（一个主 Ruby on Rails 应用，一个微服务），现在我可以同时打开这两个仓库：

现在，我可以跨两个项目进行搜索，基本上可以把它当成一个大项目来处理。

第一次这样做，然后关闭 VS Code 窗口时，它会询问你是否要保存一个“工作区”。我之前一直觉得有点麻烦，认为它会创建一个文件，而我没有合适的存放这类文件的地方（我避免将其放在仓库中，因为不想强加我的系统给其他人）。

最终，我克服了懒惰，创建了一个本地文件夹来存放所有 .code-workspace 文件。这些文件非常有用，我可以将它们添加到 Dock 中，一键打开我设置好的工作区。

自定义工作区图标

工作区文件有特殊的图标：

由于我将这些文件放在 Dock 中，我想到可以为它们创建自定义图标！这将使我的工作区一目了然，也更方便使用，因为我每天可能会多次打开它们。

我从原始图标中获取了 SVG logo，并将其放置在我的项目 logo 的右下角。

在 macOS 上更改 logo 非常简单：只需右键点击文件，选择“显示简介”，然后点击面板中的 logo，粘贴新的图片即可。

现在，我可以将它们保存在 Dock 中，并一键打开所有项目：

打开项目时启动终端命令

现在我有了这些方便的一键式项目打开图标，我想，“如果它也能启动项目启动命令，那就太酷了！”。显然，这就是 Tasks 的用途，设置起来并不难（感谢 Andrew！）。在 .vscode/tasks.json 文件中，我添加了以下内容：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Run Gulp",
      "type": "shell",
      "command": "gulp",
      "task": "default",
      "presentation": {
        "focus": false,
        "panel": "shared",
        "showReuseMessage": true,
        "clear": true
      },
      "runOptions": {
        "runOn": "folderOpen"
      }
    }
  ]
}

每当我打开这个工作区时，它就会为我启动 gulp 命令。我想你必须手动运行一次任务（终端 → 运行任务），以便它拥有正确的权限，然后它就可以正常工作了。

覆盖设置

我不认为这仅仅是工作区特有的功能，但我真的很喜欢在项目文件夹中使用 .vscode/settings.json 文件来覆盖 VS Code 设置。

例如，在 CSS-Tricks，我有一个非常基本的 Sass 设置，Gulp 将 .scss 预处理成 .css。这很好，但我可能会搜索选择器。我不需要在 .css 中看到它，因为我从不使用原生 CSS。我可以将此添加到设置文件中，并知道它只适用于此项目，而不是所有项目：

{
  "search.exclude": {
    "**/*.css": true,
  }
}

以上是我的VS代码工作流（工作区，图标，任务）的一些改进很少的详细内容。更多信息请关注PHP中文网其他相关文章！