Exercício - Executar e depurar código

Concluído

Agora que você está conectado ao seu servidor SSH, você está pronto para começar a codificar! Você precisa gerar um aplicativo Node básico porque você tem a tarefa de desenvolver um aplicativo Express para sua agência.

Neste exercício, você criará um projeto de nó básico e executará e depurará o código do projeto, tudo enquanto estiver conectado usando SSH.

Criar e executar um aplicativo Node.js

Para criar e executar seu aplicativo Node.js, você precisará executar uma série de comandos no terminal.

1. Abra um novo terminal selecionando Terminal>New Terminal na barra de tarefas. A partir do terminal, execute os seguintes comandos para atualizar os pacotes em sua VM Linux e instalar 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. Execute o seguinte comando para instalar o gerador Express:

   sudo npm install -g express-generator
   

3. Execute o seguinte comando para criar um novo aplicativo Express chamado myExpressApp:

   express myExpressApp --view pug
   

4. Abra os arquivos do aplicativo selecionando Abrir pasta na visualização Explorer. Selecione myExpressApp na lista suspensa para abrir a pasta na janela do Visual Studio Code.

   

5. No prompt seguinte, selecione OK, que abre a pasta que contém os arquivos do aplicativo. Se solicitado, confie no espaço de trabalho.

   

6. Abra o terminal novamente e execute o seguinte comando para instalar todas as dependências do aplicativo:

   npm install
   

7. Execute o seguinte comando para executar o aplicativo:

   npm start
   

   O aplicativo será executado em sua VM .http://localhost:3000 O próximo passo irá mostrar-lhe como navegar nesta aplicação na sua máquina local.

Procurar na aplicação

Agora que o aplicativo está em execução, você pode usar o encaminhamento de porta para navegar no aplicativo Web em sua máquina local.

1. Com o aplicativo ainda em execução, execute o comando Ports: Focus on Ports View na Paleta de comandos.

   

2. Selecione o botão Encaminhar uma porta .

   

3. Especifique a porta 3000 e pressione Enter.

   

4. O servidor agora encaminha o tráfego na porta 3000 para sua máquina local; Agora você pode navegar para http://localhost:3000 ver o aplicativo Web em execução.

5. No terminal, pare o aplicativo pressionando Ctrl + C.

Editar e depurar o aplicativo

Você pode usar os recursos internos do Visual Studio Code para editar e depurar o aplicativo em execução na máquina remota.

1. Selecione o Explorador de Arquivos no menu esquerdo do Visual Studio Code e abra o arquivo app.js .

2. Defina um ponto de interrupção na linha 10 do arquivo clicando na calha à esquerda do número da linha. Você verá um círculo vermelho exibido.

   

3. Na visualização Executar e Depurar, selecione Executar e Depurar. Se solicitado, escolha Node.js.

   

4. Quando o aplicativo for executado, você atingirá o ponto de interrupção. Você pode inspecionar variáveis, criar relógios e navegar pela pilha de chamadas na visualização Depurar na barra lateral. Você pode controlar sua sessão de depuração, como passar linha por linha, usando a barra de ação Depurar na parte superior.

   

5. Você também pode editar o arquivo como faria se o código estivesse localizado em sua máquina local. Comece a digitar app., que aciona IntelliSense.

   

Congratulations! Você executou, editou e depurou com êxito o código que existia apenas na máquina remota.