Cookbooks
TypeScript
Kapitel 1. Einstieg in die Programmierung
Einen neuen Projekt starten

TypeScript:
Einen neuen Projekt starten

How to:

Um ein neues TypeScript-Projekt zu starten, installiere zunächst Node.js und npm. Dann führe die folgenden Schritte aus:

# TypeScript-Compiler global installieren
npm install -g typescript

# Verzeichnis für das neue Projekt erstellen
mkdir mein-neues-projekt
cd mein-neues-projekt

# npm-Projekt initialisieren und Abhängigkeiten installieren
npm init -y
npm install typescript --save-dev

# tsconfig.json für TypeScript-Optionen erstellen
tsc --init

Jetzt kannst du eine neue .ts-Datei erstellen:

// greeter.ts
function greet(name: string): string {
  return `Hallo, ${name}!`;
}

console.log(greet('Welt'));

Kompiliere die TypeScript-Datei in JavaScript:

tsc greeter.ts

Ausführen der generierten JavaScript-Datei:

node greeter.js

Sample output:

Hallo, Welt!

Deep Dive

Bis TypeScript zuerst 2012 veröffentlicht wurde, mussten JavaScript-Entwickler ohne statische Typen arbeiten, was zu häufigen Laufzeitfehlern führte. TypeScript wurde als Ergänzung zu JavaScript eingeführt, um große und komplexe Projekte sicherer und wartbarer zu machen.

Alternativen zu TypeScript sind etwa Flow von Facebook oder der Einsatz von reinem JavaScript mit JSDoc für Typinformationen. TypeScript selbst kann jedoch direkt in JavaScript umgewandelt werden, unterstützt die neuesten ECMA-Features und hat eine große Community sowie umfangreiche Typdefinitionen.

Das Herzstück der TypeScript-Konfiguration ist die tsconfig.json-Datei. Hier kannst du Compileroptionen wie target für die ECMAScript-Zielversion oder strict für strenge Typüberprüfungen einstellen. Mit der korrekten Konfiguration ist das Aufsetzen neuer Projekte schnell und fehlerresistent.

See Also