VSCODEでJSコードを実行する方法

vscodeでJSコードを実行する方法は？ .jsファイルを作成し、コードを書き込みます。 node.jsとnpmをインストールします。 Chrome用のデバッガーをインストールします。デバッグコンソールを開きます。 Chromeを選択します。デバッグ構成を追加します。デバッグスクリプトを設定します。コードを実行します。デバッグコード（オプション）。

Visual StudioコードでJSコードを実行する方法

Visual Studioコード（略してVSCode）は、JavaScriptコードの実行をサポートする人気のあるコードエディターです。 VSCODEでJSコードを実行する方法は次のとおりです。

1. JavaScriptファイルを作成します

VSCODEで、新しいファイルを作成し、その拡張機能を「.js」に設定します。たとえば、「example.js」。

2。JSコードを書きます

JavaScriptコードをファイルに書き込みます。例えば：

 <code class="js">console.log("Hello, world!");</code>

3.Node.jsとnpmをインストールします

JSコードを実行するには、システムにnode.jsとnpmをインストールする必要があります。これらのツールは、node.js Webサイトからダウンロードできます。

4.クロム用のデバッガーをインストールします

VSCODEでJSコードをデバッグするには、Chrome拡張機能のデバッガーをインストールする必要があります。

5.デバッグコンソールを開きます

VSCODEで、デバッグコンソールを開きます（または、ショートカットキーCTRLシフトDを使用します）。

6. Chromeを選択します

選択した環境ドロップダウンメニューで、デバッガーとしてChromeを選択します。

7.デバッグ構成を追加します

[構成の追加]ボタンをクリックし、[JavaScript]を選択します。 「JavaScriptの起動」など、デバッグ構成の名前を指定します。

8。デバッグスクリプトを設定します

「Start Script」セクションで、実行するJSファイルへのパスを指定します。例えば：

 <code class="json">{ "type": "node", "request": "launch", "name": "Launch JavaScript", "program": "${workspaceFolder}/example.js" }</code>

9。コードを実行します

[実行]ボタンをクリックするか、ショートカットF5を使用してJSコードを実行します。

10。デバッグコード（オプション）

Chrome拡張機能のデバッガーがインストールされている場合は、ブレークポイントを設定して、デバッグコンソールでコードを段階的にデバッグできます。

以上がVSCODEでJSコードを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。