Jak uruchomić JavaScript w kodzie Visual Studio

Visual Studio Code (VSCode) ma kilka wbudowanych funkcji, takich jak debugowanie, formatowanie, nawigacja kodowa i JavaScript Intellisense. Jeśli ktoś chce sprawdzić, czy kawałek kodu działa, czy nie, możesz uruchomić JavaScript w VSCode.

W tym artykule przekazano wykonanie JavaScript w VSCode. Kroki uruchamiania JavaScript Inside Visual Studio są następujące:

1. Pierwszym krokiem jest instalacja węzła.JS w Twoim MacBook/Windows w celu wywołania skryptów za pośrednictwem węzła.JS. Możesz łatwo pobrać węzeł.JS, odwiedzając https: // nodejs.org/en/

2. W drugim kroku musisz utworzyć nowy folder, a następnie otworzyć ten folder w kodzie Visual Studio. Następnie napisz kod JavaScript i zapisz go z rozszerzeniem „.JS ”.

3. Otwórz terminal systemu operacyjnego Inside Visual Studio Code, klikając widok na najwyższym pasku.

Przykład

Aby uruchomić skrypt nazwany indeks.JS W kodzie Visual Studio należy najpierw upewnić się, że węzeł.JS jest zainstalowany. Otwórz terminal w kodzie Visual Studio. Możesz teraz łatwo uruchomić JavaScript w terminalu vscode za pomocą węzła.JS. Składnia polecenia węzła używanego do uruchamiania kodu JavaScript jest pokazana w terminalu vscode.

$ node [nazwa pliku].JS

W tym przykładzie napisaliśmy skrypt, aby sprawdzić, czy liczba jest równa czy dziwna. Następnie wykonujemy polecenie w terminalu, jak pokazano poniżej, aby uzyskać wyjście. W takim przypadku przypisaliśmy 6 do zmiennej NUM i podaje następujące dane wyjściowe.

// Ten skrypt używany do sprawdzenia, czy numer jest równy czy dziwny
const num = 6;
Const Result = (NUM % 2 != 0) ? „Odd”: „nawet”;
// Wyświetl wynik
konsola.log ('Numer to $ wynik.');

Wyjście

Z drugiej strony przypisaliśmy 43 do zmiennej NUM i podaje następujące dane wyjściowe.

// Ten skrypt używany do sprawdzenia, czy numer jest równy czy dziwny
const num = 43;
Const Result = (NUM % 2 != 0) ? „Odd”: „nawet”;
// Wyświetl wynik
konsola.log ('Numer to $ wynik.');

Wyjście

Alternatywny sposób uruchamiania JavaScript w Vscode za pomocą rozszerzenia kodu

To najprostsza metoda uruchamiania JavaScript. W tej metodzie nie ma żadnych konfiguracji. Musisz zainstalować węzeł.JS w obu przypadkach na twoich maszynach, ponieważ rozszerzenie kodu wymaga również węzła.JS. Należy pamiętać o uruchomieniu JavaScript w Vscode za pomocą rozszerzenia kodu.

1. Po pierwsze, musisz zainstalować Rozszerzenie biegacza kodu Aby uruchomić kod JavaScript. To rozszerzenie zużyje kilka minut na zainstalowanie i jest naprawdę łatwe do zainstalowania. Możesz łatwo pobrać rozszerzenie kodu, odwiedzając https: // Marketplace.VisualStudio.com/elementy?Itemname = FormulaHendry.Kod-runner

Następnie kliknij Otwórz URL: vscode przycisk. Poniższe okno jest pokazane jak wspomniano poniżej.

2. Po zainstalowaniu rozszerzenia kodu, otwórz kod JavaScript w VSCode. Naciśnij skrót Ctrl+Alt+N lub możesz nacisnąć F1, a następnie napisać kod uruchomienia, aby uruchomić kod. Następnie zobaczysz następujące dane wyjściowe w „WYJŚCIE”Tab.

// Ten skrypt używany do sprawdzenia, czy numer jest równy czy dziwny
const num = 6;
Const Result = (NUM % 2 != 0) ? „Odd”: „nawet”;
// Wyświetl wynik
konsola.log ('Numer to $ wynik.');

Wyjście:

Wniosek

Visual Studio zapewnia jakość, elastyczność, a także wybitne wrażenia debugowania aplikacjom internetowym za pomocą JavaScript. Tak więc, aby uruchomić/wykonać JavaScript w kodzie Visual Studio, potrzebujemy nodejs, który działa jako interpreter. W tym artykule pokazujemy, jak uruchomić JavaScript w kodzie Visual Studio, a także wyjaśniamy alternatywny sposób uruchamiania JavaScript w Vscode za pomocą rozszerzenia kodu wraz z szczegółowymi przykładami.