CodeMix中的任務與tasks.json

工具（如編譯器，鏈接器和構建系統）用于自動化構建，運行測試和部署等過程。 雖然這些工具通常從IDE外部的命令行執行，但在Tasks支持下，可以在IDE中運行這些進程。 對于執行構建和驗證的工具，這些工具報告的問題由CodeMix選取并顯示在IDE中。

注意：使用任務不是必需的 - 用戶可能不需要創建任務，也不需要手動修改tasks.json文件。 例如，CodeMix自動在Angular和TypeScript項目中創建任務，并將它們與構建管道集成。 強烈建議在繼續之前請先閱讀CodeMix中的構建管道和驗證。

創建tasks.json文件

tasks.json文件必須存在于<project_root> /.vscode目錄中。 可以手動創建此文件，然后使用內容輔助來幫助添加或編輯任務。

tasks.json用于Angular項目的示例：

{
    "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項目示例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如何將任務與構建管道集成 - 有關詳細信息，請參閱下表。 即使沒有生命周期屬性，還有其他智能可以自動將某些TypeScript或shell任務集成到構建管道中，但為了清晰起見，建議添加此值。

常見的task.json屬性

Angular和TypeScript task.json屬性

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

運行任務

要從命令選項板運行任務，請按Ctrl / Cmd + Shift + P，選擇任務：運行任務命令，然后從顯示的列表中選擇所需任務。 與構建管道集成的任務通常會自動執行。 有關更多詳細信息，請參閱CodeMix中的構建管道和驗證。

有關任務的更多信息，請閱讀。