Ćwiczenie — uruchamianie i debugowanie kodu

Ukończone

Teraz, gdy masz połączenie z serwerem SSH, możesz rozpocząć kodowanie. Musisz wygenerować podstawową aplikację node, ponieważ masz za zadanie utworzenie aplikacji Express dla twojej agencji.

W tym ćwiczeniu utworzysz podstawowy projekt Node i uruchomisz i debugujesz kod projektu, a wszystko to przy użyciu protokołu SSH.

Tworzenie i uruchamianie aplikacji Node.js

Aby utworzyć i uruchomić aplikację Node.js, musisz uruchomić serię poleceń w terminalu.

1. Otwórz nowy terminal, wybierając pozycję Terminal>Nowy terminal na pasku zadań. W terminalu uruchom następujące polecenia, aby zaktualizować pakiety na maszynie wirtualnej z systemem Linux i zainstalować Node.js:

   sudo apt-get update
   

   curl -sL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
   

   sudo apt-get install nodejs -y
   

2. Uruchom następujące polecenie, aby zainstalować generator Express:

   sudo npm install -g express-generator
   

3. Uruchom następujące polecenie, aby utworzyć nową aplikację Express o nazwie myExpressApp:

   express myExpressApp --view pug
   

4. Otwórz pliki aplikacji, wybierając pozycję Otwórz folder w widoku Eksploratora. Wybierz pozycję myExpressApp z listy rozwijanej, aby otworzyć folder w oknie programu Visual Studio Code.

   

5. W następnym wierszu polecenia wybierz przycisk OK, który otwiera folder zawierający pliki aplikacji. Jeśli zostanie wyświetlony monit, ufaj obszarowi roboczemu.

   

6. Otwórz ponownie terminal i uruchom następujące polecenie, aby zainstalować wszystkie zależności aplikacji:

   npm install
   

7. Uruchom następujące polecenie, aby uruchomić aplikację:

   npm start
   

   Aplikacja zostanie uruchomiona na maszynie http://localhost:3000wirtualnej . W następnym kroku pokazano, jak przeglądać tę aplikację na komputerze lokalnym.

Przeglądanie aplikacji

Teraz, gdy aplikacja jest uruchomiona, możesz użyć przekierowania portów, aby przeglądać aplikację internetową na komputerze lokalnym.

1. Gdy aplikacja jest nadal uruchomiona, uruchom polecenie Ports: Skup się na widoku portów w palecie poleceń.

   

2. Wybierz przycisk Prześlij dalej port .

   

3. Określ port 3000, a następnie naciśnij Enter.

   

4. Serwer teraz kieruje ruch na porcie 3000 do twojej lokalnej maszyny; możesz teraz przejść do http://localhost:3000, aby zobaczyć działającą aplikację internetową.

5. W terminalu zatrzymaj aplikację, naciskając Ctrl + C.

Edytowanie i debugowanie aplikacji

Wbudowane funkcje programu Visual Studio Code umożliwiają edytowanie i debugowanie aplikacji uruchomionej na maszynie zdalnej.

1. Wybierz Eksploratora plików w menu po lewej stronie w programie Visual Studio Code i otwórz plik app.js .

2. Ustaw punkt przerwania na linii 10 w pliku, klikając margines po lewej stronie numeru linii. Zostanie wyświetlone czerwone kółko.

   

3. W widoku Uruchamianie i debugowanie wybierz pozycję Uruchom i Debuguj. Jeśli pojawi się monit, wybierz Node.js.

   

4. Po uruchomieniu aplikacji zostanie wyświetlony punkt przerwania. Możesz sprawdzić zmienne, utworzyć zegarki i nawigować po stosie wywołań w widoku debugowania na pasku bocznym. Możesz kontrolować sesję debug, na przykład krok po kroku, za pomocą paska narzędzi Debuguj znajdującego się u góry.

   

5. Możesz również edytować plik tak, jak w przypadku, gdy kod znajdował się na komputerze lokalnym. Zacznij wpisywać polecenie app., które wyzwala funkcję IntelliSense.

   

Congratulations! Pomyślnie uruchomiono, edytowano i zdebugowano kod, który istniał tylko na maszynie zdalnej.