VSCode EXAMPLE

你可以用Visual Studio Code设置任何工作流工具，先用CTRL+SHFT+P，然后用RUN，然后选择TASKS。您还可以分别使用CTRL+SHFT+B和CTRL+SHFT-T设置默认的BUILD和TEST任务。只要任务运行器Gulp, Grunt, Cake或其他设置正确，VSCode就可以配置。

你可以在VSCode中设置所有的Gulp或其他任务运行器任务，或者只设置几个也运行其他子任务的任务。

从VSCode 0.5.0开始，任务参数有一个问题，需要在任务中反转它们。json文件。更多信息在这里

{
"version": "0.1.0",
"command": "gulp",
"isShellCommand": true,
"args": [
    "--no-color"
],
"tasks": [
    {
        "taskName": "vet",
        "isBuildCommand": true,
        "isTestCommand": false,
        "showOutput": "always",
        "args": [],
        "problemMatcher": [
            "$jshint",
            "$jshint-stylish"
        ]
    },
    {
        "taskName": "vet-es",
        "isBuildCommand": false,
        "isTestCommand": true,
        "showOutput": "always",
        "args": [],
        "problemMatcher": [
            "$eslint-compact",
            "$eslint-stylish"
        ]
    },
    {
        "taskName": "--verbose",
        "isBuildCommand": false,
        "isTestCommand": false,
        "showOutput": "always",
        "args": [
            "vet"
        ],
        "problemMatcher": [
            "$jshint",
            "$jshint-stylish"
        ]
    },

注意前两个任务将isBuildCommand和isTestCommand设置为"true"，这允许上面提到的键盘快捷键。最后一个任务需要有argument和command的名称reversed，作为VSCode 0.5.0，为了工作。请看这个链接。

USING VSCode Debug

你可以将VSCode调试器设置为Run Node.js应用程序和StartPlay按钮，用Circular Arrow重新启动。为此，您需要配置launch.json。如果你只是想启动/重新启动应用程序而不进行调试，那么将stoponentry设置为false。我通常有两个，一个用于调试，一个用于运行。

{
"version": "0.1.0",
// List of configurations. Add new configurations or edit existing ones.
// ONLY "node" and "mono" are supported, change "type" to switch.
"configurations": [
    {
        // Name of configuration; appears in the launch configuration drop down menu.
        "name": "Debug src/server/app.js",
        // Type of configuration. Possible values: "node", "mono".
        "type": "node",
        // Workspace relative or absolute path to the program.
        "program": "src/server/app.js",
        // Automatically stop program after launch.
        "stopOnEntry": true,
        // Command line arguments passed to the program.
        "args": [],
        // Workspace relative or absolute path to the working directory of the program being debugged. Default is the current workspace.
        "cwd": ".",
        // Workspace relative or absolute path to the runtime executable to be used. Default is the runtime executable on the PATH.
        "runtimeExecutable": null,
        // Optional arguments passed to the runtime executable.
        "runtimeArgs": [],
        // Environment variables passed to the program.
        "env": { },
        // Use JavaScript source maps (if they exist).
        "sourceMaps": false,
        // If JavaScript source maps are enabled, the generated code is expected in this directory.
        "outDir": null
    },
    {
        // Name of configuration; appears in the launch configuration drop down menu.
        "name": "Run src/server/app.js",
        // Type of configuration. Possible values: "node", "mono".
        "type": "node",
        // Workspace relative or absolute path to the program.
        "program": "src/server/app.js",
        // Automatically stop program after launch.
        "stopOnEntry": false,
        // Command line arguments passed to the program.
        "args": [],
        // Workspace relative or absolute path to the working directory of the program being debugged. Default is the current workspace.
        "cwd": ".",
        // Workspace relative or absolute path to the runtime executable to be used. Default is the runtime executable on the PATH.
        "runtimeExecutable": null,
        // Optional arguments passed to the runtime executable.
        "runtimeArgs": [],
        // Environment variables passed to the program.
        "env": { },
        // Use JavaScript source maps (if they exist).
        "sourceMaps": false,
        // If JavaScript source maps are enabled, the generated code is expected in this directory.
        "outDir": null
    },

使用GULP运行NODE APP

你也可以使用Gulp或其他任务运行器来启动和自动重启你的node.js应用。我更喜欢Gulp，因为它的代码多于配置设置，而且它本身就使用流。

还有一个名为gulp.config.js的文件，它被gulp.js引用，其中包含了各种静态变量和函数，这些变量和函数没有显示出来，因此在gulpfile.js中引用了config。下面是require语句:

//require containing config variables and run
 var config = require('./gulp.config.js')();

下面是我在参加John Papa教授的Plurasight课程时使用的gulpfile.js。在配置中定义了许多任务，包括Gulp任务SERVE-DEV，它运行节点服务器应用程序，在js, css或html更改时自动重启服务器，同步多个浏览器视图，注入css和js，编译LESS等任务。

GULP文件的GIST链接

Gulp文件太复杂了，Stack Overflow标记无法解释，所以我添加了这个gstbox链接。

在任务。Json文件替换这些设置

{
"version": "0.1.0",
// The command is tsc. Assumes that tsc has been installed using npm install -g typescript
"command": "grunt",
// The command is a shell script
"isShellCommand": true,
// Show the output window only if unrecognized errors occur. 
"showOutput": "silent",
// args is the HelloWorld program to compile.
"args": ["serve"]
}

如果你的grunt文件没有"serve"参数，你可以不使用它。

然而，这将不会运行按下绿色启动按钮。要启动此任务，您需要按

Ctrl + Shift + p

从这里你可以使用任务命令。

可以通过键盘快捷键设置和运行任务。

更新:我没有找到如何在Visual Studio Code中做到这一点，但在WebStorn中，这是一个简单的设置，只需点击几下鼠标。