Oefening: de package.json configureren

4 minuten

U bent een Node.js-ontwikkelaar bij Tailwind Traders. Weten hoe u een nieuw Node.js-project kunt instellen, is een belangrijke vaardigheid om te hebben. Setup omvat het genereren van een package.json bestand en het maken van enkele algemene scripts die gedurende de levenscyclus van het project moeten worden gebruikt.

Project openen in ontwikkelingscontainer

Er is een eenvoudige ontwikkelomgeving voor u beschikbaar. Als Node.js LTS al op uw computer is geïnstalleerd, kunt u deze sectie overslaan en de voorbeeldopslagplaats klonen en uw lokale omgeving gebruiken.

Externe ontwikkeling (browser)
Lokale ontwikkeling (Docker)

Start het proces om een nieuwe GitHub Codespace te maken op de main vertakking van de MicrosoftDocs/node-essentials GitHub-opslagplaats.

Dit project openen in GitHub Codespaces
Controleer op de pagina Codespace maken de configuratie-instellingen voor codespace en selecteer vervolgens Nieuwe codespace maken
Wacht tot de coderuimte is gestart. Dit opstartproces kan enkele minuten duren.
Open een nieuwe terminal in de codespace.

Tip

U kunt het hoofdmenu gebruiken om naar de menuoptie Terminal te navigeren en vervolgens de optie Nieuwe terminal te selecteren.
Controleer of Node.js is geïnstalleerd in uw omgeving:
```
node --version
```
De dev-container maakt gebruik van een Node.js LTS-versie, zoals v20.5.1. De exacte versie kan afwijken.
De resterende oefeningen in dit project vinden plaats in de context van deze ontwikkelingscontainer.

Open Visual Studio Code in de context van een lege map.
Zorg ervoor dat de Dev Containers-extensie is geïnstalleerd in Visual Studio Code.
Open een nieuwe terminal in de editor.

Tip

U kunt het hoofdmenu gebruiken om naar de menuoptie Terminal te navigeren en vervolgens de optie Nieuwe terminal te selecteren.
Kloon de MicrosoftDocs/node-essentials GitHub-opslagplaats naar de huidige map.
```
git clone https://github.com/MicrosoftDocs/node-essentials.git
```
Open de opslagplaats in code met de volgende opdrachten in de terminal.
```
cd node-essentials
code .
```
Open het opdrachtenpalet, zoek naar de Dev Containers-opdrachten en selecteer vervolgens Dev Containers: Opnieuw openen in container.

Tip

Visual Studio Code vraagt u mogelijk automatisch om de bestaande map in een ontwikkelingscontainer opnieuw te openen. Dit is functioneel gelijk aan het gebruik van het opdrachtpalet om de huidige werkruimte in een container opnieuw te openen.
Controleer of Node.js is geïnstalleerd in uw omgeving:
```
node --version
```
De dev-container maakt gebruik van een Node.js LTS-versie, zoals v20.5.1. De exacte versie kan afwijken.
De resterende oefeningen in dit project vinden plaats in de context van deze ontwikkelingscontainer.

Een nieuw Node.js-project instellen

Voor deze les is de JavaScript-broncode voor u opgegeven. Het is uw taak om het package.json bestand te maken.

Ga in de terminal naar de map voor deze oefening:
```
cd node-dependencies/3-exercise-package-json
```
De inhoud van de map weergeven:
```
ls -R
```
In deze map ziet u een src-submap met een index.js-bestand :
```
 ./src:
     index.js
```

Voer de volgende opdracht uit om het package.json bestand te maken met standaardwaarden:

npm init -y

Het package.json-bestand dat er ongeveer als volgt uitziet:

{
  "name": "3-exercise-package-json",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

Wijzig de package.json met deze eigenschapswaarden:

name: "tailwind-traders-api"
description: "HTTP-API voor het beheren van items uit de Tailwind Traders-database"
main: "index.js"
keywords: ["API", "database"]
author: "Sam"

Uw package.json-bestand moet er nu als volgt uitzien:

{
  "name": "tailwind-trader-api",
  "version": "1.0.0",
  "description": "HTTP API to manage items from the Tailwind Traders database",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": ["api", "database"],
  "author": "Sam",
  "license": "ISC"
}

Voeg in de scripts sectie een nieuw script toe met de naam start boven het test script:
```
"start": "node ./src/index.js",
```
Sla uw wijzigingen op en sluit het bestand package.json.
Start uw project met de start actie door deze opdracht in te voeren:
```
npm start
```
De uitvoer moet er ongeveer als volgt uitzien:
```
Welcome to this application
```

U hebt nu een goed package.json bestand waarop u kunt voortbouwen naarmate uw project groeit.

Doorgaan

Project openen in ontwikkelingscontainer

Een nieuw Node.js-project instellen

Feedback