我的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中文網其他相關文章！