{"id":1097,"date":"2016-10-27T22:32:30","date_gmt":"2016-10-27T20:32:30","guid":{"rendered":"http:\/\/blog.thecodecampus.de\/?p=1097"},"modified":"2025-04-22T10:53:12","modified_gmt":"2025-04-22T08:53:12","slug":"intellij-fur-typescript-einrichten","status":"publish","type":"post","link":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/","title":{"rendered":"IntelliJ \/ WebStorm f\u00fcr TypeScript einrichten"},"content":{"rendered":"

For English version please go to\u00a0“Howto: Configure IntelliJ\/WebStorm for TypeScript development”<\/a>\u00a0on medium.com<\/p>\n

JetBrain’s IDEs (IntelliJ, WebStorm, …) haben TypeScript sehr fr\u00fch unterst\u00fctzt und sind derzeit definitiv mit die beliebtesten IDEs. Sie f\u00fcr die Entwicklung mit TypeScript zu konfigurieren kann aber derzeit recht frustrierend sein. Falsche Fehlermeldungen und tr\u00e4ges Verhalten sind g\u00e4ngige Probleme. In diesem Blog-Eintrag m\u00f6chte ich meine Erfahrungen und gelernten Best-Practices weitergeben. Allerdings k\u00f6nnen manche oder auch alle dieser Empfehlungen durch Updates der IDE oder von TypeScript ung\u00fcltig werden.<\/p>\n

Ich werde IntelliJ hier stellvertretend f\u00fcr alle JetBrain IDEs verwenden. Sie haben alle die gleiche Unterst\u00fctzung f\u00fcr TypeScript.<\/p>\n

IDE Einstellungen<\/h2>\n

Als erstes konfigurieren wir das TypeScript Plugin in IntelliJ. Daf\u00fcr \u00f6ffnen wir die Einstellungen \u00fcber Datei -> Einstellungen -> Sprachen & Frameworks -> TypeScript<\/em><\/p>\n

Node Interpreter<\/h3>\n

Falls wir im Projekt schon einen Node Interpreter eingerichtet haben, wird diese Einstellung automatisch \u00fcbernommen. Andernfalls w\u00e4hlen wir hier einen aus.<\/p>\n

TypeScript Version<\/h3>\n

Das TypeScript Plugin bringt bereits eine TypeScript Installation mit sich (derzeit 1.8.10). Diese ist vorausgew\u00e4hlt und daher wird bei TypeScript Version 1.8.10 (bundled)<\/em> angezeigt. Ich empfehle aber immer die TypeScript Installation des Projekts zu verwenden, die \u00fcber npm nach node_modules\/typescript\/lib installiert wird.<\/p>\n

\"TypeScript<\/a><\/p>\n

TypeScript Service verwenden (experimentell)<\/h3>\n

Auch wenn diese Option als experimentell markiert ist, sollte sie trotzdem verwendet werden. Ich hatte damit bisher nie Probleme. Wenn diese Option ausgew\u00e4hlt ist, verwendet IntelliJ den TypeScript Language Service f\u00fcr die Validierung des Codes und f\u00fcr Fehlermeldungen, statt selbst eine Compiler Instanz zu starten. Dieser Service wird z.B. auch in Visual Studio Code verwendet.<\/p>\n

TypeScript Compiler NICHT<\/em> einschalten<\/h3>\n

Auch wenn es f\u00fcr kleine Projekte oder w\u00e4hrend des TypeScript Lernens hilfreich ist IntelliJ kompilieren und die JavaScript Dateien generieren zu lassen, sollte in den meisten Projekten eher ein Build-Tool wie WebPack, Grunt oder Gulp verwendet werden. Damit keine zwei Compiler Instanzen laufen, lassen wir diese Option aus, und verwenden statt dessen ein Build-Tool und den TypeScript Service (siehe oben).<\/p>\n

\n\"Angular\n<\/picture>\n<\/a><\/p>\n

tsconfig.json<\/h2>\n

Die Datei tsconfig.json ist dazu da den TypeScript Compiler zu konfigurieren. Au\u00dferdem markiert diese Datei f\u00fcr viele Tools das Projekt als TypeScript-Projekt. Auch wenn es in IntelliJ m\u00f6glich ist ohne eine solche Datei mit TypeScript zu entwickeln, ist die Empfehlung doch immer eine anzulegen und sie zu verwenden.<\/p>\n

Wohin mit der tsconfig.json<\/em>?<\/h3>\n

Option A) Projekt Ordner<\/h4>\n

Meistens liegt die tsconfig.json<\/em> direkt im Projekt-Verzeichnis. Ein typisches Web-Projekt k\u00f6nnte dann z.B. so aussehen:<\/p>\n

\/package.json\r\n\/tsconfig.json\r\n\/src\/code1.ts\r\n\/src\/code2.ts\r\n\/src\/...\r\n\/node_modules\/...\r\n\/output\/...<\/pre>\n
Zu Bedenken ist dabei aber, dass so das ganze Projekt f\u00fcr den Compiler als relevant markiert wird. Wenn man nicht vorsichtig ist, kann das dazu f\u00fchren, dass andere Build-Tools zu viele Dateien einlesen und versuchen Dateien zu verarbeiten die z.B. unter node_modules liegen. \u00dcber die Eigenschaften include<\/em>, exclude<\/em> und rootDir<\/em> kann man festlegen, was zum Quellcode geh\u00f6rt und was nicht. Wenn man ein Tool wie Gulp verwendet kann es sein, dass man diese Einstellungen nicht vornehmen muss, da sie selbst definieren welche Dateien verarbeitet werden sollen (gulp.src z.B.).<\/p>\n
Die tsconfig.json<\/em> in der Projekt-Verzeichnis zu legen kann aber manchmal zu Problemen f\u00fchren. So bleibt die IDE zum Beispiel machmal etwas h\u00e4ngen. Allein schon deshalb sollte man die Eigenschaften in der tsconfig.json<\/em> richtig setzen.<\/p>\n
Option B) src Ordner<\/h4>\n
Um weniger Aufwand bei der Konfiguration zu haben, und um diese weniger fehleranf\u00e4llig zu machen, kann man die tsconfig.json auch in das src Verzeichnis des Projekts legen. Das s\u00e4he dann in etwa so aus:<\/p>\n
\/package.json\r\n\/src\/tsconfig.json\r\n\/src\/code1.ts\r\n\/src\/code2.ts\r\n\/src\/...\r\n\/node_modules\/...\r\n\/output\/...<\/pre>\n
So kann man sicher stellen, dass nur die eigenen Quellcode Dateien vom Compiler verarbeitet werden. Bis zum Update auf TypeScript 2 habe ich diese Variante verwendet (gleich mehr dazu).<\/p>\n
Typings einbinden<\/h2>\n
In der tsconfig.json sollte der Ordner in den die Typings installiert werden eingebunden werden. Das kann z.B. so aussehen:
\nDatei: tsconfig.json<\/strong><\/p>\n
{\r\n  \"compilerOptions\": {\r\n      .... \r\n  },\r\n  \"include\": [\r\n    \"src\/**\/*\",\r\n    \"typings\/**\/*\" \/\/<\/pre>\n
Wenn man die tsconfig.json in das src Verzeichnis packt hat man zwei Optionen.<\/p>\n
a) Einen relativen Pfad zum Typings Ordner angeben:
\nDatei: src\/tsconfig.json<\/strong><\/p>\n
{\r\n  \"compilerOptions\": {\r\n      .... \r\n  },\r\n  \"include\": [\r\n    \"**\/*\",\r\n    \"..\/typings\/**\/*\"  \/\/<\/pre>\n
b) eine eigene Definitionsdatei anlegen. Alle .d.ts Dateien innerhalb des src Verzeichnisses werden vom Compiler automatisch eingebunden. Man kann also eine einfache Definitionsdatei anlegen und darin auf die typings verweisen:
\nDatei: src\/typings.d.ts<\/strong><\/p>\n
\/\/\/<\/pre>\n
Typings mit npm und @types einbinden<\/h3>\n
Oben habe ich geschrieben, man solle die tsconfig.json im Projekt-Verzeichnis ablegen, wenn man TypeScript 2 verwendet. Der Grund daf\u00fcr ist die Einf\u00fchrung des @types Scope f\u00fcr die Typings<\/a>.<\/p>\n
Die Idee dabei ist, dass statt tsd bzw. typings die Definitionsdateien per npm installiert werden. Wenn man jetzt folgenden Code schreib, sucht der TypeScript Compiler sucht automatisch nach Defenitionsdateien unter node_modules\/@types\/lodash<\/em>.<\/p>\n
import * as _ from \"lodash\";<\/pre>\n
Das Problem dabei ist, dass man auch mit der aktuelle Version von IntelliJ und unter Verwendung des TypeScript Service keine sinnvolle Unterst\u00fctzung bekommt, wenn man die tsconfig.json in das src Verzeichnis legt.
\n\"Keine<\/a>
\nWenn man hingegen die tsconfig.json in das Projekt-Verzeichnis legt, funktioniert alles:
\n\"Informationen<\/a><\/p>\n
Zusammenfassung<\/h2>\n
Ich hoffe diese Anleitung hilft TypeScript mit IntelliJ verwenden zu k\u00f6nnen. Andere IDEs wie Visual Studio Code oder Atom\u00a0haben ebenfalls eine sehr gute Unterst\u00fctzung f\u00fcr TypeScript (teilweise sogar etwas besser), aber insgesamt denke ich ist IntelliJ die bessere IDE.<\/p>\n
Falls ich etwas vergessen haben sollte, bitte kommentieren. Ich werde dann den Artikel aktualisieren oder einen neuen schreiben.<\/p>\n","protected":false},"excerpt":{"rendered":"
For English version please go to\u00a0“Howto: Configure IntelliJ\/WebStorm for TypeScript development”\u00a0on medium.com JetBrain’s IDEs (IntelliJ, WebStorm, …) haben TypeScript sehr fr\u00fch unterst\u00fctzt und sind derzeit definitiv mit die beliebtesten IDEs. Sie f\u00fcr die Entwicklung mit TypeScript zu konfigurieren kann aber derzeit recht frustrierend sein. Falsche Fehlermeldungen und tr\u00e4ges Verhalten sind g\u00e4ngige Probleme. In diesem Blog-Eintrag […]
 READ MORE<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[60],"tags":[],"class_list":["post-1097","post","type-post","status-publish","format-standard","hentry","category-typescript"],"yoast_head":"\nIntelliJ \/ WebStorm f\u00fcr TypeScript einrichten - Web Development Blog<\/title>\n<meta name=\"description\" content=\"IntelliJ f\u00fcr TypeScript optimieren! Einrichtung leicht gemacht. Verbessere deine Entwicklungsumgebung, steigere die Effizienz. Jetzt durchstarten!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"IntelliJ \/ WebStorm f\u00fcr TypeScript einrichten - Web Development Blog\" \/>\n<meta property=\"og:description\" content=\"IntelliJ f\u00fcr TypeScript optimieren! Einrichtung leicht gemacht. Verbessere deine Entwicklungsumgebung, steigere die Effizienz. Jetzt durchstarten!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development tips and tricks - theCodeCampus Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-27T20:32:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T08:53:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/10\/typescript_version.png\" \/>\n\t<meta property=\"og:image:width\" content=\"784\" \/>\n\t<meta property=\"og:image:height\" content=\"695\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Roman Roelofsen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Roman Roelofsen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/\"},\"author\":{\"name\":\"Roman Roelofsen\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/person\\\/941e9a6169bf8da015ed1f348177a22d\"},\"headline\":\"IntelliJ \\\/ WebStorm f\u00fcr TypeScript einrichten\",\"datePublished\":\"2016-10-27T20:32:30+00:00\",\"dateModified\":\"2025-04-22T08:53:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/\"},\"wordCount\":898,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.thecodecampus.de\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/typescript_version.png\",\"articleSection\":[\"TypeScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/\",\"name\":\"IntelliJ \\\/ WebStorm f\u00fcr TypeScript einrichten - Web Development Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.thecodecampus.de\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/typescript_version.png\",\"datePublished\":\"2016-10-27T20:32:30+00:00\",\"dateModified\":\"2025-04-22T08:53:12+00:00\",\"description\":\"IntelliJ f\u00fcr TypeScript optimieren! Einrichtung leicht gemacht. Verbessere deine Entwicklungsumgebung, steigere die Effizienz. Jetzt durchstarten!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog.thecodecampus.de\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/typescript_version.png\",\"contentUrl\":\"https:\\\/\\\/blog.thecodecampus.de\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/typescript_version.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/intellij-fur-typescript-einrichten\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"IntelliJ \\\/ WebStorm f\u00fcr TypeScript einrichten\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\",\"name\":\"Web Development tips and tricks - theCodeCampus Blog\",\"description\":\"Tips, tricks, and experiences about developing web and mobile applications with Angular, TypeScript, and Testing.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\",\"name\":\"theCodeCampus\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch.jpg\",\"contentUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch.jpg\",\"width\":156,\"height\":156,\"caption\":\"theCodeCampus\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/person\\\/941e9a6169bf8da015ed1f348177a22d\",\"name\":\"Roman Roelofsen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/roman-roelofsen-tcc-author-96x96.png\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/roman-roelofsen-tcc-author-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/roman-roelofsen-tcc-author-96x96.png\",\"caption\":\"Roman Roelofsen\"},\"description\":\"Roman Roelofsen is the technical managing director and responsible for the product development and technical direction of W11K GmbH. He is an expert in the development of complex web applications and has been working in the field of web engineering for 20 years. Roman supports our customers in the implementation of IT projects and has been working as a trainer for many years.\",\"sameAs\":[\"https:\\\/\\\/thecodecampus.de\\\/ueber-uns\\\/trainer\\\/roman-roelofsen\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/roman-roelofsen-91b2b35\\\/\"],\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/author\\\/rroelofsen\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"IntelliJ \/ WebStorm f\u00fcr TypeScript einrichten - Web Development Blog","description":"IntelliJ f\u00fcr TypeScript optimieren! Einrichtung leicht gemacht. Verbessere deine Entwicklungsumgebung, steigere die Effizienz. Jetzt durchstarten!","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:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/","og_locale":"en_US","og_type":"article","og_title":"IntelliJ \/ WebStorm f\u00fcr TypeScript einrichten - Web Development Blog","og_description":"IntelliJ f\u00fcr TypeScript optimieren! Einrichtung leicht gemacht. Verbessere deine Entwicklungsumgebung, steigere die Effizienz. Jetzt durchstarten!","og_url":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/","og_site_name":"Web Development tips and tricks - theCodeCampus Blog","article_published_time":"2016-10-27T20:32:30+00:00","article_modified_time":"2025-04-22T08:53:12+00:00","og_image":[{"width":784,"height":695,"url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/10\/typescript_version.png","type":"image\/png"}],"author":"Roman Roelofsen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Roman Roelofsen","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/#article","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/"},"author":{"name":"Roman Roelofsen","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/person\/941e9a6169bf8da015ed1f348177a22d"},"headline":"IntelliJ \/ WebStorm f\u00fcr TypeScript einrichten","datePublished":"2016-10-27T20:32:30+00:00","dateModified":"2025-04-22T08:53:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/"},"wordCount":898,"commentCount":0,"publisher":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/10\/typescript_version.png","articleSection":["TypeScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/","url":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/","name":"IntelliJ \/ WebStorm f\u00fcr TypeScript einrichten - Web Development Blog","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/#primaryimage"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/10\/typescript_version.png","datePublished":"2016-10-27T20:32:30+00:00","dateModified":"2025-04-22T08:53:12+00:00","description":"IntelliJ f\u00fcr TypeScript optimieren! Einrichtung leicht gemacht. Verbessere deine Entwicklungsumgebung, steigere die Effizienz. Jetzt durchstarten!","breadcrumb":{"@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/#primaryimage","url":"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/10\/typescript_version.png","contentUrl":"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/10\/typescript_version.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.thecodecampus.de\/blog\/intellij-fur-typescript-einrichten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thecodecampus.de\/blog\/"},{"@type":"ListItem","position":2,"name":"IntelliJ \/ WebStorm f\u00fcr TypeScript einrichten"}]},{"@type":"WebSite","@id":"https:\/\/www.thecodecampus.de\/blog\/#website","url":"https:\/\/www.thecodecampus.de\/blog\/","name":"Web Development tips and tricks - theCodeCampus Blog","description":"Tips, tricks, and experiences about developing web and mobile applications with Angular, TypeScript, and Testing.","publisher":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thecodecampus.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.thecodecampus.de\/blog\/#organization","name":"theCodeCampus","url":"https:\/\/www.thecodecampus.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch.jpg","contentUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch.jpg","width":156,"height":156,"caption":"theCodeCampus"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/person\/941e9a6169bf8da015ed1f348177a22d","name":"Roman Roelofsen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/09\/roman-roelofsen-tcc-author-96x96.png","url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/09\/roman-roelofsen-tcc-author-96x96.png","contentUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/09\/roman-roelofsen-tcc-author-96x96.png","caption":"Roman Roelofsen"},"description":"Roman Roelofsen is the technical managing director and responsible for the product development and technical direction of W11K GmbH. He is an expert in the development of complex web applications and has been working in the field of web engineering for 20 years. Roman supports our customers in the implementation of IT projects and has been working as a trainer for many years.","sameAs":["https:\/\/thecodecampus.de\/ueber-uns\/trainer\/roman-roelofsen","https:\/\/www.linkedin.com\/in\/roman-roelofsen-91b2b35\/"],"url":"https:\/\/www.thecodecampus.de\/blog\/author\/rroelofsen\/"}]}},"_links":{"self":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/1097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/comments?post=1097"}],"version-history":[{"count":16,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/1097\/revisions"}],"predecessor-version":[{"id":3465,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/1097\/revisions\/3465"}],"wp:attachment":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/media?parent=1097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/categories?post=1097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/tags?post=1097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}