目次
記事の目的
GitHub の使い方の勉強に用いたサンプルコードがJavaScriptだった。
全く詳しくないので、JavaScript単体で実行する方法がわからなかった。Node.jsというものを使えばできそう。Visual Studio Code上で実行、完結させる。
~~~追記~~~
JavaScriptはブラウザ(Chrome等)に元から実行環境がくっついているので、適当なhtmlからJSファイルを呼び出せばいいだけの話なのだけれど、pythonみたいにターミナル上からJS単体で呼び出してテストしたい。
そういったときに活躍するのがNode.jsです。これを使ってVSCodeからJS単体で実行する方法を記載しています。
この記事を書いた頃はWeb系の知識が一切無かったので色々とよくわからず触っていました。
Electronフレームワーク等を使用していて感じますがNode.jsは素晴らしいものです。
~~~~~~~~~~
必要なもの
- Visual Studio Code
- Node.js
Visual Studio Code
Node.js
推奨版にしましょう。
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-3-1024x598.png)
インストーラーを実行します。
Next
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-4.png)
Next
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-5.png)
Next
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-6.png)
Next
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-7.png)
チェックを付けずにNext
要はネイティブモジュールを使用するために必要なツールを先にインストールしておくかどうかを聞かれています。
ネイティブモジュールとは、開発言語とは別の言語で書かれたモジュールのこと。PythonなのにC/C++言語で書かれたモジュールがあったりしますが、それのことです。言語として提供されていない機能の使用や、速度の向上などの目的で使用されるようです。
また、chocolateyっていうWindowsソフトウェア用のパッケージ管理ソフトウェアもインストールされるから注意してねと言っています。
パッケージ管理ソフトウェアとは、インストーラーをダウンロードしなくてもコマンドラインからインストールしてくれるやつです。ソフトウェア同士の依存関係も管理してくれるえらいやつです。
でも今回は別にそういったツールを使用する予定がないのでチェックはつけません。
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-8.png)
Install
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-9.png)
あとはインストールされるのを待ちます。
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-10.png)
JavaScriptの実行方法
やること
- Visual Studio Codeの起動
- JavaScriptファイルを開く
- Visual Studio Codeのデバッガを使用してデバッグする
Visual Studio Codeの起動
起動するだけ。
JavaScriptファイルを開く
実行したいJavaScriptのあるフォルダを開くかもしくはファイルそのものを開く。
Visual Studio Codeのデバッガを使用してデバッグする
①押して、②押す。
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-11-1024x452.png)
すると下の方のDEBUG CONSOLEに実行結果が表示される。
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-12-1024x119.png)
以上です。簡単でした。
別の方法
Ctrl+@で開くTERMINALに以下を入力すると普通に実行される。
今回はNode.jsインストール時にパスを通したからPowerShellで実行できるってことですね。
node ./[実行したいJavaScriptファイル名]
![](https://hinablo.hinasur.com/wp/wp-content/uploads/2020/05/image-13-1024x88.png)
失敗する場合はnodejsのPathを通しましょう。
インストールディレクトリを変更していなければ、システム環境変数に以下を追加すればよいです。
C:\Program Files\nodejs\
コメント