Упражнение. Запуск и отладка кода

Теперь, когда вы подключены к серверу SSH, вы готовы начать программирование! Вам нужно создать базовое приложение Node, так как вам нужно разработать приложение Express для вашего агентства.

В этом упражнении вы создадите базовый проект Node и запустите и отладите код проекта при подключении с помощью SSH.

Создание и запуск приложения Node.js

Чтобы создать и запустить приложение Node.js, необходимо выполнить ряд команд в терминале.

1. Откройте новый терминал, выбрав терминал>"Новый терминал " на панели задач. В терминале выполните следующие команды, чтобы обновить пакеты на виртуальной машине Linux и установить 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. Выполните следующую команду, чтобы установить генератор Express:

   sudo npm install -g express-generator
   

3. Выполните следующую команду, чтобы создать новое приложение Express с именем myExpressApp:

   express myExpressApp --view pug
   

4. Откройте файлы приложения, выбрав "Открыть папку " в представлении обозревателя. Выберите myExpressApp в раскрывающемся списке, чтобы открыть папку в окне Visual Studio Code.

   

5. В следующем запросе нажмите кнопку "ОК", которая открывает папку, содержащую файлы приложения. При появлении запроса доверяйте рабочей области.

   

6. Снова откройте терминал и выполните следующую команду, чтобы установить все зависимости приложения:

   npm install
   

7. Выполните следующую команду, чтобы запустить приложение:

   npm start
   

   Приложение будет работать на виртуальной машине http://localhost:3000. На следующем шаге показано, как просмотреть это приложение на локальном компьютере.

Обзор приложения

Теперь, когда приложение запущено, вы можете использовать перенаправление портов для просмотра веб-приложения на локальном компьютере.

1. При запущенном приложении запустите команду "Порты: фокус на представлении портов" в Палитре команд.

   

2. Нажмите кнопку "Переадресация порта ".

   

3. Укажите порт 3000, а затем нажмите клавишу ВВОД.

   

4. Сервер теперь перенаправляет трафик через порт 3000 на локальный компьютер. Вы можете перейти по http://localhost:3000, чтобы увидеть работающее веб-приложение.

5. В терминале остановите приложение, нажав клавиши CTRL + C.

Изменение и отладка приложения

Встроенные функции Visual Studio Code можно использовать для редактирования и отладки приложения, работающего на удаленном компьютере.

1. Выберите Проводник файлов в меню слева в Visual Studio Code и откройте файл app.js.

2. Установите точку останова в строке 10 файла, щелкнув гутер слева от номера строки. Отобразится красный круг.

   

3. В представлении "Запуск и отладка" выберите "Запуск и отладка". При появлении запроса выберите Node.js.

   

4. При запуске приложения вы получите точку останова. Вы можете проверять переменные, создавать часы и перемещаться по стеку вызовов в представлении отладки на боковой панели. Вы можете управлять сеансом отладки, например пошаговой строкой, с помощью панели действий отладки в верхней части.

   

5. Вы также можете изменить файл так же, как и код, расположенный на локальном компьютере. Начните вводить app., что инициирует IntelliSense.

   

Congratulations! Вы успешно выполнили, редактировали и отладили код, существующий только на удаленном компьютере.