JavaScript は、Web ページに思考と反応の能力を与えるため、最も重要なフロントエンド言語の 1 つです。 フロントエンド開発者の場合は、IDE に JavaScript を追加するとよいでしょう。 このチュートリアルでは、次の方法を見ていきます。 VSCodeにJavaScriptをインストールします。
VSCode に JavaScript をインストールする
Visual Studio Code は、完全に無料でオープンソースのコード エディターです。 Microsoft によって開発され、軽量、高速、拡張可能な設計により開発者から高く評価されています。 このコード エディターはさまざまなプログラミング言語をサポートできます。このチュートリアルでは JavaScript に焦点を当てます。
VSCode に JavaScript をインストールするには、以下の手順に従う必要があります。
- Visual Studio コードをインストールする
- Node.JS をインストールする
- JavaScript プログラムを作成して実行する
それらについて詳しく話しましょう。
1) Visual Studio コードをインストールする
まず、Visual Studio Code をコンピューターにインストールする必要があります。 同じことを行うには、code.visualstudio.com に移動し、好みのプラットフォーム用のアプリをインストールします。 ダウンロードしたら、ダウンロード場所に移動し、コンピュータにインストールします。
2) Node.JSをインストールする
Node.js は、Windows、Linux、Unix、macOS などのさまざまなオペレーティング システム上で実行できる、無料のオープンソース JavaScript ランタイム環境です。 V8 JavaScript エンジンを使用して、Web ブラウザーの外部で JavaScript コードを実行します。 Node.js を使用すると、JavaScript を使用してコマンド ライン ツールを作成し、サーバー側のスクリプトを実行できます。
Node.JS Extension Pack は Extension Center からインストールできます。 したがって、それぞれのアイコンをクリックして「拡張機能」セクションに移動し、 「Node.JS」 それに関連付けられた「インストール」アイコンをクリックします。 このパッケージには、JavaScript および Node.js を操作するための便利な拡張機能のコレクションが含まれています。
JavaScript コードを実行するには、JavaScript ランタイムである Node.js をインストールする必要があります。 公式 Nodejs.org Web サイトからダウンロードできます。 LTS (長期サポート) バージョンは最も安定しており、ほとんどのユーザーに適しているため、LTS (長期サポート) バージョンを選択することをお勧めします。
3) JavaScript プログラムを作成して実行する
コードを実行する環境を作成したので、コーディングを開始しましょう。 同じことを行うには、まず VSCode ファイルを作成する必要があります。 そこで、Visual Studio Code を開いて、次の場所に移動します。 「ファイル」>「新規ファイル」。 任意の名前を付けますが、 .js 拡大。 それで、名前を付けることができます 「javascript.js」。 保存するには、Ctrl + Shift + S または[ファイル]>[名前を付けて保存]を使用します。 すべてが正常に動作しているかどうかを確認するには、次のコマンドを使用します。
console.log("Hello, world!");
この JavaScript コードは「Hello, world!」を出力します。 プログラムと通信するためのテキストベースのインターフェイスであるコンソールを介して。
4) JavaScriptファイルを実行
JavaScript の実行は、Java ファイルの実行ほど簡単ではありません。 CodeRunner をインストールする必要があります。これにより、IDE にボタンが追加され、ボタンをクリックするだけでコードを実行できるようになります。 または、開いてください ターミナル、 次に、「cd」またはディレクトリ変更コマンドを使用してファイル パスに移動します。 したがって、ファイルパス (cd ~/Desktop/JS) に cd して実行します。 ノードファイル名.js。 ただし、Code Runner が自動的にこれを実行します。
読む： Microsoft C++ 用に VS Code を構成するにはどうすればよいですか?
「node」が内部コマンドまたは外部コマンドとして認識されない問題を修正
「’node’ は内部コマンドまたは外部コマンドとして認識されません」というエラーが表示された場合は、パス変数がシステムで定義されていません。 したがって、以下の手順に従って環境変数にパスを定義する必要があります。
- Win + Rを押して入力します 「環境変数」 そして開きます システム環境変数を編集する セクション。
- クリック 環境変数。
- 「パス」を選択し、「編集」をクリックします。
- 「新規」をクリックし、Nodejs がインストールされているパスを貼り付けます。 私の場合は「C:\Program Files\nodejs」でした。
- 「OK」をクリックします。
最後に、Visual Studio Code を再起動し、問題が解決したかどうかを確認します。
読む： Visual Studio インストーラーがパッケージのインストールで停止する
VS Code に JavaScript を追加するにはどうすればよいですか?
Visual Studio Code に JavaScript を追加するには、まず VSCode をインストールし、次に Node.JS をインストールする必要があります。 完了したら、.JS ファイルを作成し、コードを記述してから、コードの記述を開始します。 実行するには、ターミナルを使用してファイル パスに移動し、次を実行します。 ノードファイル名.js または、Code Runner 拡張機能をダウンロードすることをお勧めします。
読む： Windows に Java JDK をダウンロードしてインストールするにはどうすればよいですか?
VS Code で JavaScript を実行できますか?
はい、VS Code で JavaScript を使用できます。 実際、VS Code は JavaScript の優れたデバッグ サポートを提供します。 デバッグ コンソールでブレークポイントの設定、オブジェクトの検査、コール スタックの移動、コードの実行を簡単に行うことができます。 VS Code でのデバッグについて詳しく知りたい場合は、code.visualstudio.com に移動してください。
こちらもお読みください: Visual Studio コードに最適な C++ 拡張機能。
