JavaScript Academy · Lektion

Konfiguration: Node + npm, köra .js och DevTools-konsolen

Installera Node, verifiera versioner, kör .js-filer, lär er grunderna i npm och öva med webbläsarens DevTools-konsol.

Lektion 2 av 38 steg

Konfiguration: Node + npm, köra .js och DevTools-konsolen är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 2 av 3. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 3 lektioner.

Introduktion

Mål: Konfigurera Node och npm, köra en .js-fil och använda webbläsarens DevTools-konsol.

  • Installera och verifiera Node
  • Grunderna i npm
  • Köra .js-filer
  • Använda konsolverktyg

Verifiera Node och npm

Verifiera: Kör node -v och npm -v i en terminal. Om versionsnummer visas är konfigurationen klar.

Skapa och kör en fil

Skapa hello.js och kör filen med node hello.js.

// 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

Snabbstart med npm

Kör npm init -y i en projektmapp för att skapa package.json. Lägg till skriptet: "start": "node hello.js". Kör sedan npm run start.

Konsolverktyg

Använd console.log, console.table och console.time för att granska och mäta mindre uppgifter.

// 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.");

Grunderna i DevTools

Öppna DevTools (F12 eller högerklicka → Inspektera) och gå till Konsol. Klistra in korta kodsnuttar, tryck på Enter och läs resultatet. Tips: rensa med clear().

Test: Node-version

Snabb kontroll: kommandot för Node-versionen.

Sammanfattning

Sammanfattning: Vi verifierade Node och npm, körde en .js-fil, lärde oss ett enkelt npm-skript och använde konsolverktyg i både Node och webbläsaren.

Gratis att börja

Lär dig JavaScript med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser
59
Lektioner
200

Vanliga frågor

Är lektionen ”Konfiguration: Node + npm, köra .js och DevTools-konsolen” gratis?

Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Konfiguration: Node + npm, köra .js och DevTools-konsolen”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 3 lektioner.

Vad lär jag mig i ”Konfiguration: Node + npm, köra .js och DevTools-konsolen”?

Installera Node, verifiera versioner, kör .js-filer, lär er grunderna i npm och öva med webbläsarens DevTools-konsol. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?

Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 2 av 3.

Hur lång tid tar lektionen ”Konfiguration: Node + npm, köra .js och DevTools-konsolen”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?

Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

  1. Vad är JavaScript? Motorer (V8/SpiderMonkey) och runtime-miljöer (webbläsare kontra Node)
  2. Konfiguration: Node + npm, köra .js och DevTools-konsolen
  3. Första programmet och I/O (console, alerts i webbläsaren)
← Tillbaka till JavaScript Academy