CodeMix中的任務(wù)與tasks.json

工具（如編譯器，鏈接器和構(gòu)建系統(tǒng)）用于自動(dòng)化構(gòu)建，運(yùn)行測(cè)試和部署等過(guò)程。 雖然這些工具通常從IDE外部的命令行執(zhí)行，但在Tasks支持下，可以在IDE中運(yùn)行這些進(jìn)程。 對(duì)于執(zhí)行構(gòu)建和驗(yàn)證的工具，這些工具報(bào)告的問(wèn)題由CodeMix選取并顯示在IDE中。

注意：使用任務(wù)不是必需的 - 用戶可能不需要?jiǎng)?chuàng)建任務(wù)，也不需要手動(dòng)修改tasks.json文件。 例如，CodeMix自動(dòng)在Angular和TypeScript項(xiàng)目中創(chuàng)建任務(wù)，并將它們與構(gòu)建管道集成。 強(qiáng)烈建議在繼續(xù)之前請(qǐng)先閱讀CodeMix中的構(gòu)建管道和驗(yàn)證。

創(chuàng)建tasks.json文件

tasks.json文件必須存在于<project_root> /.vscode目錄中。 可以手動(dòng)創(chuàng)建此文件，然后使用內(nèi)容輔助來(lái)幫助添加或編輯任務(wù)。

tasks.json用于Angular項(xiàng)目的示例：

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "typescript",
            "tsconfig": "${workspaceFolder}/tsconfig.json",
            "problemMatcher": [
                "$tsc"
            ],
            "codemix": {
                "lifecycle": "build",
                "validatedExtensions": [
                    "ts"
                ],
                "readyChecks": [
                    "node_modules_ready"
                ]
            }
        },
        {
            "type": "typescript",
            "tsconfig": "${workspaceFolder}/tsconfig.json",
            "option": "watch",
            "problemMatcher": [
                "$tsc-watch"
            ],
            "codemix": {
                "lifecycle": "watch",
                "validatedExtensions": [
                    "ts"
                ],
                "readyChecks": [
                    "node_modules_ready"
                ]
            }
        }
    ]
}

使用Gulp為JavaScript項(xiàng)目示例tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "shell",
            "command": "gulp",
            "options": {
                "cwd": "${workspaceFolder}"
            },
            "codemix": {
                "lifecycle": "watch",
                "readyChecks": [
                    "node_modules_ready"
                ]
            }
        },
        {
            "label": "CSS Build",
            "type": "shell",
            "command": "gulp",
            "args": [
                "less"
            ],
            "options": {
                "cwd": "${workspaceFolder}"
            },
            "codemix": {
                "lifecycle": "build"
            }
        }
    ]
}

與CodeMix Build Pipeline集成

codemix / lifecycle屬性確定CodeMix如何將任務(wù)與構(gòu)建管道集成 - 有關(guān)詳細(xì)信息，請(qǐng)參閱下表。 即使沒(méi)有生命周期屬性，還有其他智能可以自動(dòng)將某些TypeScript或shell任務(wù)集成到構(gòu)建管道中，但為了清晰起見，建議添加此值。

常見的task.json屬性

Angular和TypeScript task.json屬性

除了上述屬性之外，Angular和TypeScript項(xiàng)目還使用其他屬性。

運(yùn)行任務(wù)

要從命令選項(xiàng)板運(yùn)行任務(wù)，請(qǐng)按Ctrl / Cmd + Shift + P，選擇任務(wù)：運(yùn)行任務(wù)命令，然后從顯示的列表中選擇所需任務(wù)。 與構(gòu)建管道集成的任務(wù)通常會(huì)自動(dòng)執(zhí)行。 有關(guān)更多詳細(xì)信息，請(qǐng)參閱CodeMix中的構(gòu)建管道和驗(yàn)證。

有關(guān)任務(wù)的更多信息，請(qǐng)閱讀。