{"id":68974,"date":"2024-07-10T17:34:27","date_gmt":"2024-07-10T16:34:27","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=68974&preview=true&preview_id=68974"},"modified":"2024-07-11T15:20:00","modified_gmt":"2024-07-11T14:20:00","slug":"express-typescript","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/","title":{"rendered":"So richtest du TypeScript mit Express ein"},"content":{"rendered":"

TypeScript ist eine stark typisierte Programmiersprache, die die M\u00f6glichkeiten von JavaScript erweitert. Sie bietet eine Reihe von Funktionen, mit denen du skalierbare Anwendungen mit Node.js und Express entwickeln kannst.<\/p>\n

Einer der entscheidenden Vorteile von TypeScript<\/a> gegen\u00fcber JavaScript ist, dass es Typklassen bietet, die das Schreiben von vorhersehbarem und wartbarem Code erleichtern. Au\u00dferdem bietet TypeScript Typsicherheit, die sicherstellt, dass dein Code frei von Laufzeitfehlern ist, und die es einfacher macht, Fehler fr\u00fchzeitig in der Entwicklung zu erkennen. Die Sprache verf\u00fcgt au\u00dferdem \u00fcber Refactoring-Tools und Autovervollst\u00e4ndigung, was das Nutzererlebnis der Entwickler\/innen verbessert.<\/p>\n

Au\u00dferdem bieten Node.js und Express<\/a> eine hervorragende Leistung f\u00fcr Anwendungen jeder Gr\u00f6\u00dfenordnung. Die Verwendung von Klassen in TypeScript hilft auch bei der Organisation und Strukturierung, was die Skalierbarkeit weiter verbessert. Mit diesen Werkzeugen kannst du robuste und skalierbare Anwendungen erstellen, die der wachsenden Nachfrage gerecht werden.<\/p>\n

Dieser Artikel zeigt, wie du eine Express-Anwendung mit TypeScript und einem einzigen Endpunkt einrichtest. Anschlie\u00dfend wird erkl\u00e4rt, wie du deine Anwendung auf dem Anwendungs-Hosting von Kinsta<\/a> bereitstellst.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Wie man einen Express-Server einrichtet<\/h2>\n

Um dieser Anleitung zu folgen, musst du sicherstellen, dass Node.js und npm<\/a> auf deinem Computer installiert sind. So richtest du einen Express-Server ein:<\/p>\n

    \n
  1. Erstelle ein Verzeichnis mit dem unten stehenden Code:\n
    mkdir sample_app && cd sample_app<\/code><\/pre>\n<\/li>\n
  2. Initialisiere eine Node.js-Anwendung in diesem Verzeichnis, indem du diesen Befehl ausf\u00fchrst:\n
    npm init -y<\/code><\/pre>\n
    Das -y<\/code> Flag im Befehl akzeptiert die Standardaufforderungen beim Erstellen einer package.json<\/strong> Datei, die mit dem folgenden Code gef\u00fcllt ist:<\/p>\n
    { \n  \"name\": \"sample_app\",\n  \"version\": \"1.0.0\",\n  \"description\": \"\", \n  \"main\": \"index.js\", \n  \"scripts\": { \n    \"test\": \"echo \"Error: no test specified\" && exit 1\" \n  }, \n  \"keywords\": [], \n  \"author\": \"\", \n  \"license\": \"ISC\" \n}<\/code><\/pre>\n<\/li>\n
  3. Als N\u00e4chstes installierst du express<\/code> f\u00fcr das Hinzuf\u00fcgen wichtiger Funktionen und dotenv<\/code> f\u00fcr die Verwaltung von Umgebungsvariablen<\/a> in dem Verzeichnis, das du gerade mit diesem Befehl erstellt hast:\n
    npm i express dotenv<\/code><\/pre>\n<\/li>\n
  4. Erstelle eine .env-Datei<\/strong> im Stammverzeichnis des sample_app-Verzeichnisses<\/strong> und f\u00fclle sie mit der folgenden Variable.\n
    PORT=3000<\/code><\/pre>\n<\/li>\n
  5. Erstelle eine Express-Anwendung, die mit einem Hello World<\/code> Text antwortet, wenn Benutzer http:\/\/localhost:3000<\/code> besuchen.\n
    const express = require(\"express\");\nconst dotenv = require(\"dotenv\");\n\n\/\/ configures dotenv to work in your application\ndotenv.config();\nconst app = express();\n\nconst PORT = process.env.PORT;\n\napp.get(\"\/\", (request, response) => { \n  response.status(200).send(\"Hello World\");\n}); \n\napp.listen(PORT, () => { \n  console.log(\"Server running at PORT: \", PORT); \n}).on(\"error\", (error) => {\n  \/\/ gracefully handle error\n  throw new Error(error.message);\n})<\/code><\/pre>\n
    dotenv.config()<\/code> f\u00fcllt die Prozessumgebung deiner Node-Anwendung (process.env<\/code>) mit Variablen, die in einer .env-Datei<\/strong> definiert sind.<\/li>\n
  6. Starte deine Node.js-Anwendung, indem du diesen Befehl ausf\u00fchrst:\n
    node index.js<\/code><\/pre>\n
    \u00dcberpr\u00fcfe, ob die Anwendung funktioniert, indem du http:\/\/localhost:3000 in deinem Browser aufrufst. Du solltest eine \u00e4hnliche Antwort wie diese erhalten.<\/p>\n
    \"Hello
    Hello World auf http:localhost:3000.<\/figcaption><\/figure><\/li>\n<\/ol>\n
    Aktivieren von TypeScript in einer Express-Anwendung<\/h2>\n
    Befolge die folgenden Schritte, um TypeScript in einer Express-Anwendung zu verwenden:<\/p>\n
      \n
    1. Installiere TypeScript, indem du diesen Befehl ausf\u00fchrst:\n
      npm i -D typescript<\/code><\/pre>\n
      Die Option -D<\/code> erm\u00f6glicht es npm<\/a>, Pakete als Dev-Abh\u00e4ngigkeiten zu installieren. Du kannst die Pakete, die du mit dieser Option installierst, in der Entwicklungsphase verwenden.<\/li>\n
    2. Eine der St\u00e4rken der TypeScript-Community ist das DefinitelyTyped GitHub-Repository<\/a>. Es speichert die Dokumentation der Typdefinitionen f\u00fcr verschiedene npm-Pakete. Nutzer k\u00f6nnen npm-Pakete schnell in ihre Projekte integrieren, ohne sich um typbezogene Schwierigkeiten zu k\u00fcmmern, indem sie nur die Typdefinition f\u00fcr diese Pakete mit npm installieren. DefinitelyTyped ist ein unverzichtbares Werkzeug f\u00fcr TypeScript-Entwickler. Es erm\u00f6glicht es ihnen, saubereren und effizienteren Code zu schreiben und die Wahrscheinlichkeit von Fehlern zu verringern. Du installierst die Typdefinitionen von express<\/code> und dotenv<\/code>, indem du diesen Befehl ausf\u00fchrst:\n
      npm install -D @types\/express @types\/dotenv<\/code><\/pre>\n<\/li>\n
    3. Um TypeScript zu initialisieren, f\u00fchre diesen Befehl aus.\n
      npx tsc --init<\/code><\/pre>\n
      Die erzeugte Datei tsconfig.json<\/strong> zeigt das Stammverzeichnis deiner TypeScript-Anwendung an. Sie enth\u00e4lt Konfigurationsoptionen, die festlegen, wie TypeScript-Compiler arbeiten sollen. Sie enth\u00e4lt eine Reihe von config<\/code> Optionen, die deaktiviert oder aktiviert sind, mit Kommentaren, die jede Option erkl\u00e4ren.<\/li>\n
    4. F\u00fcge eine outDir<\/code> Eigenschaft zum config<\/code> Objekt hinzu, um das Ausgabeverzeichnis zu definieren.\n
      {\n  \"compilerOptions\": {\n    \/\/ \u2026\n    \"outDir\": \".\/dist\"\n    \/\/ \u2026\n  }\n}<\/code><\/pre>\n<\/li>\n<\/ol>\n
      Wie man einen TypeScript-Server erstellt<\/h2>\n
      Um einen TypeScript-Server zu erstellen, \u00e4nderst du die Erweiterung .js<\/code> in .ts<\/code> und aktualisierst den Code mit diesen Typdefinitionen:<\/p>\n
      import express, { Request, Response } from \"express\";\nimport dotenv from \"dotenv\";\n\n\/\/ configures dotenv to work in your application\ndotenv.config();\nconst app = express();\n\nconst PORT = process.env.PORT;\n\napp.get(\"\/\", (request: Request, response: Response) => { \n  response.status(200).send(\"Hello World\");\n}); \n\napp.listen(PORT, () => { \n  console.log(\"Server running at PORT: \", PORT); \n}).on(\"error\", (error) => {\n  \/\/ gracefully handle error\n  throw new Error(error.message);\n});<\/code><\/pre>\n
      Um das Compiler-Paket zu verwenden und die TypeScript-Datei in JavaScript<\/a> zu kompilieren, f\u00fchre den folgenden Befehl im Stammverzeichnis deiner Anwendung aus.<\/p>\n
      npx tsc<\/code><\/pre>\n
      Starte dann deine Anwendung, indem du den Befehl ausf\u00fchrst.<\/p>\n
      node dist\/index.js<\/code><\/pre>\n
      Der Besuch von http:\/\/localhost:3000 in deinem Browser sollte eine „Hello World“-Antwort liefern.<\/p>\n
      So stellst du deinen TypeScript-Server auf Kinsta bereit<\/h2>\n
      Jetzt bist du bereit, deine Anwendung im Web zu ver\u00f6ffentlichen. Du kannst deine Anwendung auf vielen Plattformen bereitstellen, auch auf dem Anwendungs-Hosting von Kinsta<\/a>.<\/p>\n
      Bevor du deine Anwendung in ein Git-Repository einstellst, ist es nicht ratsam, TypeScript zu verwenden und die kompilierte JavaScript-Datei an Git<\/a> zu binden. F\u00fcge ein start<\/code> Skript in die package.json<\/strong> Datei ein.<\/p>\n
      {\n  \/\/ \u2026\n  \"script\": {\n    \"start\": \"npx tsc && node dist\/index.js\",\n  }\n  \/\/ \u2026\t\n}<\/code><\/pre>\n
      Erstelle au\u00dferdem eine .gitignore<\/a><\/strong>-Datei im Stammverzeichnis deiner Anwendung und f\u00fcge node_modules<\/strong> und .env<\/strong> ein, um zu verhindern, dass diese Dateien an deinen Git-Anbieter weitergegeben werden.<\/p>\n
      Sobald dein Repository eingerichtet ist, befolge die folgenden Schritte, um deine Anwendung auf Kinsta bereitzustellen:<\/p>\n
        \n
      1. Logge dich ein oder erstelle ein Konto, um dein MyKinsta-Dashboard<\/a> zu sehen.<\/li>\n
      2. Autorisiere Kinsta bei deinem Git-Anbieter.<\/li>\n
      3. Klicke in der linken Seitenleiste auf Anwendungen<\/strong> und dann auf Anwendung hinzuf\u00fcgen<\/strong>.<\/li>\n
      4. W\u00e4hle das Repository und den Branch aus, von dem aus du die Anwendung bereitstellen m\u00f6chtest.<\/li>\n
      5. Gib deiner Anwendung einen eindeutigen Namen und w\u00e4hle einen Rechenzentrumsstandort<\/strong>.<\/li>\n
      6. Verwende alle Standardkonfigurationen. MyKinsta verwendet npm start<\/code> als Einstiegspunkt f\u00fcr die Bereitstellung deiner Anwendung. Wenn du einen anderen Befehl verwenden m\u00f6chtest, kannst du den Laufzeitprozess in MyKinsta anpassen<\/a>.<\/li>\n
      7. Klicke auf Anwendung erstellen<\/strong>.<\/li>\n<\/ol>\n
        Nach der Bereitstellung stellt MyKinsta eine URL bereit, \u00fcber die du \u00f6ffentlich auf die Bereitstellung deiner Anwendung zugreifen kannst. Du kannst die Seite besuchen, um zu \u00fcberpr\u00fcfen, ob sie „Hello World“ anzeigt.<\/p>\n
        Zusammenfassung<\/h2>\n
        In dieser Anleitung wurde gezeigt, wie du eine Express-Anwendung mit TypeScript entwickelst und einrichtest und die Anwendung mit Kinsta bereitstellst. TypeScript verf\u00fcgt \u00fcber zus\u00e4tzliche Funktionen, die JavaScript nicht hat – darunter Typklassen, Typsicherheit, Refactoring-Tools und Autovervollst\u00e4ndigung -, die dir helfen, skalierbare Anwendungen zu erstellen und Fehler w\u00e4hrend der Entwicklung zu erkennen.<\/p>\n
        Kinsta hilft dir, deine Anwendung schnell und mit verbesserter Sicherheit und Stabilit\u00e4t bereitzustellen. Die Rechenzentren von 14 bieten Googles C2-Maschine, die auf Googles Premium-Tier-Netzwerk l\u00e4uft.<\/p>\n
        Hast du TypeScript in der Vergangenheit verwendet? Was h\u00e4ltst du davon, es mit einem Express-Server zu verwenden?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
        TypeScript ist eine stark typisierte Programmiersprache, die die M\u00f6glichkeiten von JavaScript erweitert. Sie bietet eine Reihe von Funktionen, mit denen du skalierbare Anwendungen mit Node.js und …<\/p>\n","protected":false},"author":199,"featured_media":68975,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[952,965],"class_list":["post-68974","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-javascript-tutorials","topic-node-js"],"yoast_head":"\nWie man TypeScript mit Express einrichtet - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Lerne die schrittweise Anleitung zur Einrichtung von TypeScript mit einem Express-Server kennen. Dieser Artikel behandelt alles von der Ersteinrichtung bis zur Bereitstellung.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"So richtest du TypeScript mit Express ein\" \/>\n<meta property=\"og:description\" content=\"Lerne die schrittweise Anleitung zur Einrichtung von TypeScript mit einem Express-Server kennen. Dieser Artikel behandelt alles von der Ersteinrichtung bis zur Bereitstellung.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-10T16:34:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-11T14:20:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"6084\" \/>\n\t<meta property=\"og:image:height\" content=\"3042\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Lerne die schrittweise Anleitung zur Einrichtung von TypeScript mit einem Express-Server kennen. Dieser Artikel behandelt alles von der Ersteinrichtung bis zur Bereitstellung.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-1024x512.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"So richtest du TypeScript mit Express ein\",\"datePublished\":\"2024-07-10T16:34:27+00:00\",\"dateModified\":\"2024-07-11T14:20:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/\"},\"wordCount\":976,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/\",\"name\":\"Wie man TypeScript mit Express einrichtet - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg\",\"datePublished\":\"2024-07-10T16:34:27+00:00\",\"dateModified\":\"2024-07-11T14:20:00+00:00\",\"description\":\"Lerne die schrittweise Anleitung zur Einrichtung von TypeScript mit einem Express-Server kennen. Dieser Artikel behandelt alles von der Ersteinrichtung bis zur Bereitstellung.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg\",\"width\":6084,\"height\":3042},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript-Tutorials\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/javascript-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"So richtest du TypeScript mit Express ein\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man TypeScript mit Express einrichtet - Kinsta\u00ae","description":"Lerne die schrittweise Anleitung zur Einrichtung von TypeScript mit einem Express-Server kennen. Dieser Artikel behandelt alles von der Ersteinrichtung bis zur Bereitstellung.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/","og_locale":"de_DE","og_type":"article","og_title":"So richtest du TypeScript mit Express ein","og_description":"Lerne die schrittweise Anleitung zur Einrichtung von TypeScript mit einem Express-Server kennen. Dieser Artikel behandelt alles von der Ersteinrichtung bis zur Bereitstellung.","og_url":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2024-07-10T16:34:27+00:00","article_modified_time":"2024-07-11T14:20:00+00:00","og_image":[{"width":6084,"height":3042,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Lerne die schrittweise Anleitung zur Einrichtung von TypeScript mit einem Express-Server kennen. Dieser Artikel behandelt alles von der Ersteinrichtung bis zur Bereitstellung.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-1024x512.jpg","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Jeremy Holcombe","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"So richtest du TypeScript mit Express ein","datePublished":"2024-07-10T16:34:27+00:00","dateModified":"2024-07-11T14:20:00+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/"},"wordCount":976,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/express-typescript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/","url":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/","name":"Wie man TypeScript mit Express einrichtet - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg","datePublished":"2024-07-10T16:34:27+00:00","dateModified":"2024-07-11T14:20:00+00:00","description":"Lerne die schrittweise Anleitung zur Einrichtung von TypeScript mit einem Express-Server kennen. Dieser Artikel behandelt alles von der Ersteinrichtung bis zur Bereitstellung.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/express-typescript\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/02\/express-typescript-2.jpg","width":6084,"height":3042},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/express-typescript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"JavaScript-Tutorials","item":"https:\/\/kinsta.com\/de\/thema\/javascript-tutorials\/"},{"@type":"ListItem","position":3,"name":"So richtest du TypeScript mit Express ein"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/68974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=68974"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/68974\/revisions"}],"predecessor-version":[{"id":70611,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/68974\/revisions\/70611"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68974\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68974\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68974\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68974\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68974\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68974\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68974\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68974\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/68975"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=68974"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=68974"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=68974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}