CodeMix使用教程（六）：任务与tasks.json-控件新闻-慧都网

CodeMix使用教程（六）：任务与tasks.json

翻译|使用教程|编辑：李爽夏|2018-10-24 15:29:55.000|阅读 750 次

概述：本篇文章介绍了在CodeMix中CodeMix中的任务与tasks.json，创建tasks.json文件和运行任务。

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"
            }
        }
    ]
}