TypeScript Academy · Lektion

Körningsalternativ (ts-node/tsx) och sourcemaps

Använd ts-node eller tsx för att köra TS direkt och sourcemaps för att felsöka stack traces i Node.

Lektion 2 av 28 steg

Körningsalternativ (ts-node/tsx) och sourcemaps är en gratis lektion i TypeScript Academy på CoddyKit. Detta är lektion 2 av 2. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för TypeScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i TypeScript Academy innehåller totalt 2 lektioner.

Introduktion

Mål: Kör TypeScript direkt i Node med ts-node eller tsx och aktivera sourcemaps för felsökning.

Grunderna i ts-node

ts-node kompilerar och kör TS direkt. Det passar bra för snabba skript, men medför extra starttid.

npx ts-node src/index.ts

Grunderna i tsx

tsx är en snabbare runtime som använder esbuild i bakgrunden. Det passar utmärkt för utvecklingsflöden och har smidigt stöd för ESM.

npx tsx src/index.ts

Köra ett exempel

Både ts-node och tsx låter er köra TS-filer direkt utan ett manuellt byggsteg.

// index.ts
console.log("Hello TS runtime");

Konfiguration av sourcemaps

Sourcemaps: Aktivera dem i tsconfig. Stack traces och debuggerverktyg visar de ursprungliga radnumren i TS.

// tsconfig.json
{
  "compilerOptions": {
    "sourceMap": true
  }
}

Felsökningsspår

Med sourcemaps pekar stack traces på TS-koden i stället för den kompilerade JS-utdata.

try {
  throw new Error("boom");
} catch (e) {
  console.error(e);
}

Kontroll av sourcemaps

Snabb kontroll: Vad möjliggör sourcemaps?

Sammanfattning

Sammanfattning: ts-node och tsx kör TS direkt. sourceMap i tsconfig aktiverar tydliga stack traces.

Gratis att börja

Lär dig TypeScript 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
101
Lektioner
352

Vanliga frågor

Är lektionen ”Körningsalternativ (ts-node/tsx) och sourcemaps” gratis?

Ja – hela texten till ”Körningsalternativ (ts-node/tsx) och sourcemaps” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i TypeScript Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i TypeScript Academy innehåller totalt 2 lektioner.

Vad lär jag mig i ”Körningsalternativ (ts-node/tsx) och sourcemaps”?

Använd ts-node eller tsx för att köra TS direkt och sourcemaps för att felsöka stack traces i Node. Ni övar på TypeScript 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 TypeScript Academy?

Du behöver inga förkunskaper. Utbildningen i TypeScript 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 2.

Hur lång tid tar lektionen ”Körningsalternativ (ts-node/tsx) och sourcemaps”?

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 TypeScript Academy-lektionen?

Ja. Varje TypeScript 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. @types/node, ESM jämfört med CJS i Node
  2. Körningsalternativ (ts-node/tsx) och sourcemaps
← Tillbaka till TypeScript Academy