Einrichtung: Node + npm, .js ausführen, DevTools-Konsole
Installieren Sie Node, überprüfen Sie Versionen, führen Sie .js-Dateien aus, lernen Sie die npm-Grundlagen kennen und üben Sie mit der DevTools-Konsole des Browsers.
Einrichtung: Node + npm, .js ausführen, DevTools-Konsole ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Einführung
Ziel: Node und npm einrichten, eine .js-Datei ausführen und die DevTools-Konsole des Browsers verwenden.
- Node installieren und überprüfen
- npm-Grundlagen
- .js-Dateien ausführen
- Konsolenwerkzeuge verwenden
Node und npm überprüfen
Überprüfen: Führen Sie in einem Terminal node -v und npm -v aus. Wenn Versionsnummern angezeigt werden, ist Ihre Einrichtung bereit.
Datei erstellen und ausführen
Erstellen Sie hello.js und führen Sie die Datei mit node hello.js aus.
// hello.js — minimal program to run with Node
function greet(name) {
return "Hello, " + name + "!";
}
const message = greet("CoddyKit");
console.log(message);
// Run from terminal in this folder: node hello.js
npm-Schnellstart
Führen Sie in einem Projektordner npm init -y aus, um package.json zu erstellen. Fügen Sie ein Skript hinzu: "start": "node hello.js". Führen Sie anschließend npm run start aus.
Konsolenwerkzeuge
Verwenden Sie console.log, console.table und console.time, um kleine Aufgaben zu untersuchen und zu messen.
// Basic console utilities that work in Node and browsers
const user = { name: "Ayla", level: 1 };
console.log("User:", user);
console.table([{ key: "name", value: user.name }, { key: "level", value: user.level }]);
console.time("work");
for (let i = 0; i < 100000; i++) {}
console.timeEnd("work");
console.warn("Heads up: demo complete.");
DevTools-Grundlagen
Öffnen Sie die DevTools (F12 oder Rechtsklick → Untersuchen) und wechseln Sie zur Konsole. Fügen Sie kleine Codeausschnitte ein, drücken Sie die Eingabetaste und lesen Sie die Ausgabe. Tipp: Mit clear() leeren Sie die Konsole.
Quiz zur Node-Version
Schnelltest: Befehl zum Abrufen der Node-Version.
Rückblick
Rückblick: Sie haben Node und npm überprüft, eine .js-Datei ausgeführt, ein einfaches npm-Skript kennengelernt und Konsolenwerkzeuge sowohl in Node als auch im Browser verwendet.
Häufig gestellte Fragen
Ist die Lektion „Einrichtung: Node + npm, .js ausführen, DevTools-Konsole“ kostenlos?
Ja — der vollständige Text von „Einrichtung: Node + npm, .js ausführen, DevTools-Konsole“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Was lerne ich in „Einrichtung: Node + npm, .js ausführen, DevTools-Konsole“?
Installieren Sie Node, überprüfen Sie Versionen, führen Sie .js-Dateien aus, lernen Sie die npm-Grundlagen kennen und üben Sie mit der DevTools-Konsole des Browsers. Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um JavaScript Academy zu starten?
Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 3.
Wie lange dauert die Lektion „Einrichtung: Node + npm, .js ausführen, DevTools-Konsole“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?
Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Was ist JavaScript? Engines (V8/SpiderMonkey) und Laufzeitumgebungen (Browser vs. Node)
- Einrichtung: Node + npm, .js ausführen, DevTools-Konsole
- Erstes Programm und Ein-/Ausgabe (Konsole, Alerts im Browser)