web-dev-qa-db-ja.com

Visual Studioコードデバッグコンソールの色?

Node.jsコードのデバッグ時に、Visual Studio Code(バージョン1.10.2)のデバッグコンソールで(ターミナルのように)色を表示する方法はありますか?

11
Gyuri

Visual Studioでnodejsからカラーメッセージを出力するには、console.logメソッドでフォーマットされたメッセージを使用できます。例えば ​​:

console.log('\u001b[' + 32 + 'm' + 'hello stack' + '\u001b[0m')

Mocha に実装されています。 32はカラーコードです。彼らのリポジトリで見つけることができる他の色コードと使用法のサンプル: https://github.com/mochajs/mocha/blob/9e95d36e4b715380cef573014dec852bded3f8e1/lib/reporters/base.js#L48

enter image description here

または、使用できるログライブラリとして、たとえば pinojs + pino-pretty モジュールを使用すると、ログ出力は次のように表示されます。

enter image description here

2
Nigrimmist

私のセットアップ、色付きの手順:

ここの色の主な属性は--format=node_modules/cucumber-pretty

{
// Use IntelliSense to learn about possible Node.js debug attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.Microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [

    {
        "type": "node",
        "request": "launch",
        "console": "integratedTerminal",
        "name": "Cucumber",
        "program": "${workspaceFolder}/tests/cucumberjs/node_modules/cucumber/bin/cucumber-js",
        "cwd": "${workspaceFolder}/tests/cucumberjs",
        "args": [
            "--tags=@luke",
            "--format=node_modules/cucumber-pretty"
        ]
    }
]

}

1
Luke Bennett