1. ホーム
  2. node.js

[解決済み】Visual Studio CodeでJavaScriptを実行する

2022-04-18 01:11:01

質問

JavaScriptを実行して結果を表示する方法はありますか? Visual Studio コード ?

例えば、以下を含むスクリプトファイル。

console.log('hello world');

Node.jsが必要だと思うのですが、どうすればいいのでしょうか?

<ブロッククオート

By Visual Studio コード マイクロソフトの新しいコードエディターのことです。 Visual Studioで書かれたコードではありません。

解決方法は?

このソリューションは、現在開いているファイルをnodeで実行し、その出力をVSCodeで表示することを意図しています。

同じ疑問を持っていたところ、新しく紹介されていた tasks この特定のユースケースに便利です。少し面倒ですが、私がやったことは以下の通りです。

を作成します。 .vscode ディレクトリをプロジェクトのルートに作成し、その中に tasks.json ファイルを作成します。そのファイルに、このタスクの定義を追加してください。

{
    "version": "0.1.0",
    "command": "node",
    "isShellCommand": true,
    "args": [
        "--harmony"
    ],

    "tasks": [
        {
            "taskName": "runFile",
            "suppressTaskName": true,
            "showOutput": "always",
            "problemMatcher": "$jshint",
            "args": ["${file}"]
        }
    ]
}

それなら、できる。 press F1 > type `run task` > enter > select `runFile` > enter を使えばタスクを実行できますが、私はタスクリストを開くためのカスタムキーバインディングを追加する方が簡単だと思いました。

キーバインドを追加するには、VSCode UIメニューの「Code」 > 「Preferences」 > 「Keyboard Shortcuts」を選択します。これをキーボードショートカットに追加します。

{
    "key": "cmd+r",
    "command": "workbench.action.tasks.runTask"
}

もちろん、キーの組み合わせは自由に選択できます。

UPDATEです。

にJavaScriptのコードを実行していると仮定すると、そのコードは テスト としてマークすれば、そのタスクは テスト を設定することで、タスクの isTestCommand プロパティ から true にキーをバインドし、そのキーを workbench.action.tasks.test コマンド を使用すると、単一アクションの呼び出しになります。

言い換えれば、あなたの tasks.json のファイルが含まれるようになります。

{
    "version": "0.1.0",
    "command": "node",
    "isShellCommand": true,
    "args": [
        "--harmony"
    ],

    "tasks": [
        {
            "taskName": "runFile",
            "isTestCommand": true,
            "suppressTaskName": true,
            "showOutput": "always",
            "problemMatcher": "$jshint",
            "args": ["${file}"]
        }
    ]
}

...そして、あなたの keybindings.json のファイルが含まれるようになります。

{
    "key": "cmd+r",
    "command": "workbench.action.tasks.test"
}