Øvelse – kørsels- og fejlfindingskode

  • 3 minutter

Nu, hvor du har forbindelse til din SSH-server, er du klar til at begynde at kode! Du skal oprette et grundlæggende nodeprogram, fordi du har til opgave at udvikle en Express-app til dit bureau.

I denne øvelse skal du oprette et grundlæggende nodeprojekt og køre og foretage fejlfinding af projektkoden, alt sammen mens du har forbindelse ved hjælp af SSH.

Opret og kør et Node.js program

Hvis du vil oprette og køre dit Node.js program, skal du køre en række kommandoer i terminalen.

  1. Åbn en ny terminal ved at vælge Terminal>Ny terminal på proceslinjen. Kør følgende kommandoer fra terminalen for at opdatere pakkerne i din Linux VM og installere 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. Kør følgende kommando for at installere Express-generatoren:

    sudo npm install -g express-generator

  3. Kør følgende kommando for at oprette et nyt Express-program kaldet myExpressApp:

    express myExpressApp --view pug

  4. Åbn programfilerne ved at vælge Åbn mappe i Stifinder-visningen. Vælg myExpressApp på rullelisten for at åbne mappen i dit Visual Studio Code-vindue.

    Skærmbillede, der viser åbning af mappen myExpressApp.

  5. I den næste prompt skal du vælge OK, som åbner mappen med dine programfiler. Hvis du bliver bedt om det, skal du have tillid til arbejdsområdet.

    Skærmbillede, der viser bekræftelse af åbning af mappen myExpressApp.

  6. Åbn terminalen igen, og kør følgende kommando for at installere alle programmets afhængigheder:

    npm install

  7. Kør følgende kommando for at køre programmet:

    npm start

    Programmet kører på vm'ens http://localhost:3000. I næste trin kan du se, hvordan du gennemser dette program på din lokale computer.

Gennemse programmet

Nu, hvor programmet kører, kan du bruge videresendelse af porte til at gennemse webappen på din lokale computer.

  1. Mens appen stadig kører, skal du køre kommandoen Porte: Fokuser på portoversigt på kommandopaletten.

    Skærmbillede, der viser kommandoen Fokus på portvisning i kommandopaletten.

  2. Vælg knappen Videresend en port .

    Skærmbillede, der viser handlingen Videresend en port i visningen Porte.

  3. Angiv port 3000, og tryk derefter på Enter.

    Skærmbillede, der viser angivelse af port 3000 i visningen Porte.

  4. Serveren videresender nu trafik på port 3000 til din lokale maskine; Du kan nu gå til http://localhost:3000 for at se den kørende webapp.

  5. I terminalen skal du stoppe appen ved at trykke på Ctrl + C.

Rediger og foretag fejlfinding af programmet

Du kan bruge Visual Studio Codes indbyggede funktioner til at redigere og fejlfinde det program, der kører på fjerncomputeren.

  1. Vælg Stifinder i menuen til venstre i Visual Studio Code, og åbn denapp.js fil.

  2. Angiv et brudpunkt på linje 10 i filen ved at klikke på indbindingspunktet til venstre for linjenummeret. Du får vist en rød cirkel.

    Skærmbillede, der viser et pausepunkt, der er angivet på linje 10 i den app.js fil.

  3. I visningen Kør og foretag fejlfinding skal du vælge Kør og fejlfind. Hvis du bliver bedt om det, skal du vælge Node.js.

    Skærmbillede, der viser handlingen Kør og Foretag fejlfinding i visningen Kør og Foretag fejlfinding.

  4. Når appen kører, rammer du pausepunktet. Du kan undersøge variabler, oprette ure og navigere i opkaldsstakken i visningen Fejlfinding i margenteksten. Du kan styre din fejlfindingssession, f.eks. gå linje for linje, ved hjælp af handlingslinjen Fejlfinding øverst.

    Skærmbillede, der fremhæver forskellige dele af fejlfindingsoplevelsen.

  5. Du kan også redigere filen på samme måde, som hvis koden var placeret på din lokale computer. Begynd at skrive app., som udløser IntelliSense.

    Skærmbillede, der viser intellisense, når du redigerer kode.

Congratulations! Du har kørt, redigeret og fejlsøgt kode, der kun fandtes på fjerncomputeren.