So richten Sie ein TypeScript + Node.js-Projekt ein

Diese sehr kurze Anleitung führt Sie durch die Einrichtung von TypeScript mit neuen (oder bestehenden!) Node.js-Projekten.

Voraussetzungen:

• Sie sollten mit Node und JavaScript vertraut sein
• Sie sollten einen Code-Editor installiert haben (vorzugsweise VSCode)
• In diesem Handbuch wird davon ausgegangen, dass Sie Linux, MacOS oder ein anderes UNIX-ähnliches Betriebssystem verwenden.
• Diese Anleitung geht auch davon aus, dass Sie npm als Ihren Paketmanager verwenden (Sie können stattdessen auch Garn, pnpm oder Ihren bevorzugten Paketmanager verwenden).

• Dies zeigt Ihnen, wie Sie sehr schnell mit TypeScript beginnen können
• Diese Anleitung zeigt Ihnen auch, wie Sie beliebte Pakete wie nodemon verwenden, um das Hot-Reloading Ihrer Anwendungen zu unterstützen

• TypeScript ist eine Obermenge von JavaScript, die uns optional statische Typisierung bietet. Es wurde von Microsoft gebaut und ist wohl das einzig Gute, das sie seit VS Code veröffentlicht haben (nur ein Scherz )
• Es dient als Dokumentation und reduziert den Onboarding-Aufwand und verbessert so das Entwicklererlebnis
• Ermöglicht es uns, Bugs/Probleme schnell zu identifizieren und so die allgemeine Softwarequalität zu erhöhen
• Lesen Sie das TypeScript-Handbuch für weitere Details

1. Erstellen Sie ein Verzeichnis und gehen Sie in Ihren neu erstellten Ordner

mkdir typescript-example
cd typescript-example

npm init -y

npm install typescript --save-dev

npm install @types/node --save-dev

5. Erstellen Sie Ihre tsconfig.json

npx tsc --init

6. Kompilieren Sie Ihren Code mit dem Befehl tsc unter Verwendung von Node package executer (npx) .

npx tsc

Verbessern Sie Ihr lokales Entwicklererlebnis

1. Heißes Neuladen – dies wird Ihre Dev-Ex stark verbessern, da es Ihrer Anwendung ermöglicht, bei Live-Änderungen neu zu laden. Wir können dies über Nodemon in unseren Node.js-Apps einrichten.

npm install --save-dev ts-node nodemon

Das Obige sollte ausreichen, um schnell ein TypeScript + Node-Projekt lokal einzurichten. Sie können dies weiter verbessern, indem Sie:

• Verwenden Sie einen Linter: Verwenden Sie so etwas wie ESLint . Dies ist ein statisches Codeanalysetool, mit dem wir einen Standard für unseren Code festlegen können. Wir können dies verwenden, um Codierungsstandards und -muster für unsere Codebasis durchzusetzen.
• Führen Sie Deep-Deletion-Tools ein: Rimraf , um unerwünschte Dateien zu entfernen, bevor sie in die Produktion übertragen werden
• Fügen Sie einen statischen Modul-Bundler hinzu: Verwenden Sie Webpack (oder Turbopack). Dies wird wahrscheinlich für ein kleines Projekt zu viel des Guten sein – aber wenn Ihre Anwendung skaliert, benötigen Sie einen Mechanismus, um alle Ihre JS/TS zu verwalten .
• Automatisierung – wie können Sie das oben Gesagte für Ihr Unternehmen automatisieren?