1. 什么是任务
任务是指在特定的环境下需要执行的一些操作,例如编译代码、运行测试、部署应用等。在vscode中,我们可以针对某个项目或文件夹配置任务,然后通过终端执行这些任务,从而简化我们的工作流程。
下面就来详细介绍在vscode中配置任务的方法。
2. 创建任务
2.1 打开终端
在vscode中打开终端非常简单,只需要按下Ctrl+Shift+`
(注意,这是反引号键,位于数字1键左侧),就可以打开终端:
Ctrl+Shift+`
2.2 选择任务
在终端中,我们可以通过code .
命令来打开当前文件夹的vscode工作区,然后在左侧导航栏点击“运行任务”按钮,就可以看到当前项目已经包含的任务。
我们也可以通过Tasks: Configure Tasks
命令来创建一个新的任务。这个命令会弹出一个任务配置面板,让我们选择要创建的任务类型。
3. 配置任务
3.1 配置文件
在vscode中,任务配置主要是通过tasks.json
文件来完成的。
每个vscode工作区都有一个.vscode
文件夹,我们在这个文件夹中创建一个tasks.json
文件来完成任务配置。
我们可以使用tasks.json
文件来配置三种类型的任务:
shell task:调用本地shell命令
process task:调用外部进程
composite task:组合多个任务为一个
3.2 shell task 示例
下面是一个示例,我们通过配置一个shell task来运行一个python文件:
{
"version": "2.0.0",
"tasks": [
{
"label": "run python file",
"type": "shell",
"command": "python app.py",
"group": {
"kind": "build",
"isDefault": true
}
}
]
}
在这个示例中,我们定义了一个任务叫做“run python file”,类型是shell task,执行的命令是python app.py
,group属性是必填的,我们让这个任务归属于“build”组,并把它设置为默认任务。
做完这些设置后,我们就可以通过终端执行这个任务了。只需要在终端中输入npm run run python file
就可以运行这个python文件了。
3.3 process task 示例
除了执行本地shell命令,我们还可以通过配置process task来调用外部进程。
下面是一个示例,我们通过配置一个process task来使用npm
来运行一个express
应用程序:
{
"version": "2.0.0",
"tasks": [
{
"label": "run express app",
"type": "process",
"command": "npm",
"args": [
"start"
],
"options": {
"cwd": "${workspaceFolder}/my-app"
},
"group": {
"kind": "build",
"isDefault": true
}
}
]
}
在这个示例中,我们定义了一个任务叫做“run express app”,类型是process task,执行的命令是npm
,command属性是必填的,我们传递的参数是start
,options属性用来指定当前项目的文件夹路径,我们让这个任务归属于“build”组,并把它设置为默认任务。
做完这些设置后,我们就可以通过终端来运行我们的express
应用了。只需要在终端中输入npm run run express app
就可以启动这个应用程序了。
3.4 composite task 示例
我们可以将多个任务组合成一个更复杂的任务,这种任务被称为composite task。
下面是一个示例,我们通过配置一个composite task来组合一个shell task和一个process task:
{
"version": "2.0.0",
"tasks": [
{
"label": "build and run app",
"type": "composite",
"dependsOn": [
"build app",
"run app"
],
"group": "build"
},
{
"label": "build app",
"command": "npm run build",
"type": "shell"
},
{
"label": "run app",
"command": "npm start",
"type": "process"
}
]
}
在这个示例中,我们定义了一个composite task叫做“build and run app”,它依次执行“build app”和“run app”两个子任务。我们也定义了“build app”和“run app”这两个子任务。
做完这些设置后,我们就可以通过终端来运行这个composite task了。只需要在终端中输入npm run build and run app
就可以执行这两个子任务了。
4. 总结
通过本文的介绍,我们了解了如何在vscode中配置任务,以及如何使用shell task、process task和composite task来完成我们的工作。
任务在vscode中非常方便,它能够帮助我们简化流程,提高效率,让我们的工作更加轻松。