JavaScript od podstaw #3 – Instalacja niezbędnych narzędzi i pierwszy program

W tej częsci cyklu „JavaScript od podstaw” zainstalujemy NodeJS oraz Visual Studio Code oraz napiszemy pierwszy, prosty program.

Pisać programy będziemy za pomocą edytora kodu Visual Studio Code. Obecnie jest to chyba najpopularniejszy edytor kodu na świecie, a w dodatku jest darmowy.

Odwiedzamy stronę https://code.visualstudio.com/, klikamy niebieski guzik „Download” i sąiąga się już nam paczka instalacyjna. Uruchamiamy instalator, a sama instalacja sprowadza się do wybrania folderu gdzie edytor ma się zainstalować i przeklikania 'next’. Ważne, by zaznaczone było pole 'Add to PATH’ na jednym z kroków instalacji (domyślnie jest zaznaczone).

Wersję wideo odcinka można obejrzeć na https://kursy.clockworkjava.pl/javascript-od-zera/

Uruchamiać program będziemy za pomocą NodeJS. Odwiedzamy stronę https://nodejs.org/en/ i tym razem witają nas dwa zielone guziki. Wybieramy ten po lewej opisany jako LTS, czyli Long Term Support. W chwili pisania tego tekstu jest to wersja 12.16.1.

Podobnie jak w przypadku VSC (Visual Studio Code) pobierze się instalator gdzie akceptujemy umowę licencyjną, wybieramy folder i klikamy next.

Pierwszy program

Otwieramy Visual Studio Code, następnie wybieramy File z górnego menu, a następnie Open Folder…

Następnie w okienku, które się pojawi klikam prawym przyciskiem myszy na pustej przestrzeni (w wybranym katalogu gdzie chcemy, by znajdowały się nasze pliki) i wybieramy Nowy->Folder i nazywamy go jsstart.

Następnie tworzymy nowy plik (kilkamy ikonke kartki z plusikiem) i nazywamy go hello.js

Po podaniu nazwy pliku otworzy nam się po prawej stronie edytor, w którym możemy pisać kod.

Wpiszmy tam następujący tekst

console.log("Hello world");

Następnie w górnym menu wybieramy Terminal -> New Terminal by otworzyć, linię komend na dole edytora.

U dołu edytora pojawi się konsola.

Wpisujemy tam komendę node ./hello.js, która spowoduje uruchomienie przez NodeJS JavaScriptu zawartego w pliku hello.js, a w efekcie wypisze na konsolę napis „Hello world”

W następnym odcinku serii przyjrzymy się z elementom składowym tego programu.