Übung: Konfigurieren der package.json-Datei

4 Minuten

Sie sind ein Node.js-Entwickler bei Tailwind Traders. Es ist wichtig, zu wissen, wie ein neues Node.js-Projekt eingerichtet wird. Das Setup umfasst das Generieren einer package.json-Datei und das Erstellen einiger gängiger Skripts, die während des gesamten Projektlebenszyklus verwendet werden sollen.

Öffnen des Projekts im Entwicklungscontainer

Eine einfache Entwicklungsumgebung wurde für Sie bereitgestellt. Wenn Sie Node.js LTS bereits auf Ihrem Computer installiert haben, können Sie diesen Abschnitt überspringen und das Beispiel-Repository klonen und Ihre lokale Umgebung verwenden.

Remoteentwicklung (Browser)
Lokale Entwicklung (Docker)

Starten Sie den Prozess, um einen neuen GitHub Codespace im Branch main des GitHub-Repositorys MicrosoftDocs/node-essentials zu erstellen.

Dieses Projekt in GitHub Codespaces öffnen
Überprüfen Sie auf der Seite Codespace erstellen die Codespace-Konfigurationseinstellungen, und wählen Sie dann Neuen Codespace erstellen aus.
Warten Sie den Start des Codespaces ab. Dieser Startvorgang kann einige Minuten dauern.
Öffnen Sie ein neues Terminal im Codespace.

Tipp

Sie können das Hauptmenü verwenden, um zur Menüoption Terminal zu navigieren und dann die Option Neues Terminal auszuwählen.
Überprüfen Sie, dass Node.js in Ihrer Umgebung installiert ist:
```
node --version
```
Der Entwicklungscontainer verwendet eine Node.js LTS-Version wie z. B. v20.5.1. Die genaue Version kann unterschiedlich sein.
Die restlichen Übungen in diesem Projekt finden im Kontext dieses Entwicklungscontainers statt.

Öffnen Sie Visual Studio Code im Kontext eines leeren Verzeichnisses.
Stellen Sie sicher, dass die Dev Containers-Erweiterung in Visual Studio Code installiert ist.
Öffnen Sie ein neues Terminal im Codespace.

Tipp

Sie können das Hauptmenü verwenden, um zur Menüoption Terminal zu navigieren und dann die Option Neues Terminal auszuwählen.
Klonen Sie das MicrosoftDocs/node-essentials-GitHub-Repository in das aktuelle Verzeichnis.
```
git clone https://github.com/MicrosoftDocs/node-essentials.git
```
Öffnen Sie das Repository im Code mit den folgenden Befehlen im Terminal.
```
cd node-essentials
code .
```
Öffnen Sie die Befehlspalette, suchen Sie nach den Dev Containers-Befehlen, und wählen Sie dann Dev Containers: In Container erneut öffnen aus.

Tipp

Visual Studio Code fordert Sie möglicherweise automatisch auf, den vorhandenen Ordner in einem Entwicklungscontainer erneut zu öffnen. Dies entspricht funktional der Verwendung der Befehlspalette, um den aktuellen Arbeitsbereich in einem Container erneut zu öffnen.
Überprüfen Sie, dass Node.js in Ihrer Umgebung installiert ist:
```
node --version
```
Der Entwicklungscontainer verwendet eine Node.js LTS-Version wie z. B. v20.5.1. Die genaue Version kann unterschiedlich sein.
Die restlichen Übungen in diesem Projekt finden im Kontext dieses Entwicklungscontainers statt.

Einrichten eines neuen Node.js-Projekts

Für diese Einheit wurde der JavaScript-Quellcode für Sie bereitgestellt. Ihre Aufgabe besteht darin, die package.json-Datei zu erstellen.

Wechseln Sie im Terminal zu dem Ordner für diese Übung:
```
cd node-dependencies/3-exercise-package-json
```
Zeigen Sie den Inhalt des Ordners an:
```
ls -R
```
Dieser Ordner sollte den Unterordner src mit der Datei index.js enthalten:
```
 ./src:
     index.js
```

Führen Sie den folgenden Befehl aus, um die package.json-Datei mit Standardwerten zu erstellen:

npm init -y

Die Datei package.json, die ähnlich wie in diesem Beispiel aussieht:

{
  "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"
}

Ändern Sie die package.json-Eigenschaftswerte mit den folgenden Eigenschaftswerten:

name: "tailwind-trader-api"
description: "HTTP API to manage items from the Tailwind Traders database"
main: "index.js"
keywords: [„API“, „database“]
author: "Sam"

Ihre Datei „package.json“ sollte jetzt wie der folgende Code aussehen:

{
  "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"
}

Fügen Sie im Abschnitt scripts ein neues Skript mit dem Namen start oberhalb des test-Skripts hinzu:
```
"start": "node ./src/index.js",
```
Speichern Sie Ihre Änderungen, und schließen Sie die Datei „package.json“.
Starten Sie das Projekt mit der Aktion start, indem Sie den folgenden Befehl eingeben:
```
npm start
```
Die folgende Ausgabe sollte angezeigt werden:
```
Welcome to this application
```

Sie verfügen nun über eine gute package.json-Datei, auf der Sie aufbauen können, während das Projekt anwächst.

Weiter

Übung: Konfigurieren der package.json-Datei

Öffnen des Projekts im Entwicklungscontainer

Einrichten eines neuen Node.js-Projekts

Feedback