vscode 自動任務(wù)檢測

任務(wù)系統(tǒng)的目的，是將各種形形色色的任務(wù)腳本盡可能地統(tǒng)一化，然后提供一套簡單但又定制化強的方式操作它們。

這里舉個我自己的例子。比如，我在使用 git 進行版本管理，當我在終端里要創(chuàng)建一個的新的分支時，得輸入 git checkout -b branchName，但是要每次都打全這個命令太麻煩了，于是我自己創(chuàng)建了一個 bash 的別名（alias）gco 用來替代 git checkout -b。而 VS Code 的版本管理更近了一步，它在狀態(tài)欄上添加了一個按鈕，我只需點擊一下狀態(tài)欄，就可以創(chuàng)建分支了。

任務(wù)系統(tǒng)也希望提供一樣的效果，比如把我們?nèi)粘Ｊ褂玫哪_本命令，通過命令面板或者快捷鍵迅速執(zhí)行，并且還可以將這一套快捷操作的方式，分享給工作在同一個項目上的同事。

任務(wù)自動檢測

VS Code 的任務(wù)系統(tǒng)的第一大功能，就是對任務(wù)的自動檢測。下面我們一起來看下這個功能。

如果你的項目或者文件夾里有 typescript、grunt、jake、gulp、npm 這幾個腳本工具的配置文件的話，VS Code 會自動讀取當前文件夾下的配置。舉個例子，我們打開一個文件夾，這個文件夾下有個 package.json 的文件，它是 npm 的配置文件，代碼內(nèi)容如下：

{
 "name": "sample",
 "scripts": {
  "test": ""
 }
}

JSON

然后當我們打開命令面板，搜索 “運行任務(wù)”（Run Task）時，緊接著我們就能看到兩條跟npm相關(guān)的任務(wù)：

• npm install
• npm test

第一條npm install是 npm 用于安裝包的命令；第二條 npm test，則是我們在 package.json 里指定的腳本名稱，但是 VS Code 也同樣檢測出來了。

此時我們選擇 npm install 這條命令的話，VS Code 就會打開一個集成終端，然后運行這條腳本。

在上面的動圖中，除了 npm 的兩條任務(wù)，我們還能看到 typescript 關(guān)于編譯的兩條任務(wù)，這是因為當前文件夾下有 tsconfig 文件，VS Code 覺得這是一個 typescript 項目，所以進行了自動任務(wù)檢測。

上面我們提到的 npm 等五個腳本工具相關(guān)的任務(wù)，VS Code 是會自動檢測的，同時 VS Code 還開放了類似的 API 給插件，允許插件來實現(xiàn)一樣的功能。比如說我曾經(jīng)在 Ruby 插件里也實現(xiàn)了 Rake 的自動檢測，所以當你安裝 Ruby 插件后，打開一個使用了 Rake 的 Ruby 項目，從命令面板里執(zhí)行 “運行任務(wù)”，你同樣可以看到所有的 Rake 任務(wù)。如果你使用的某個腳本工具相關(guān)的插件還不支持這個功能，可以去提 issue 建議插件加上。

自動檢測任務(wù)，還只是小小的第一步，因為它只是從我們已經(jīng)寫好的腳本里把任務(wù)讀取出來。下面我們看看，如何來自己配置任務(wù)。