{"id":910,"date":"2016-06-29T13:34:35","date_gmt":"2016-06-29T11:34:35","guid":{"rendered":"http:\/\/blog.thecodecampus.de\/?p=910"},"modified":"2023-12-20T20:16:05","modified_gmt":"2023-12-20T19:16:05","slug":"setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide","status":"publish","type":"post","link":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/","title":{"rendered":"Setup Ionic 2 + TypeScript Debugging with IntelliJ\/WebStorm\/Jetbrains IDE"},"content":{"rendered":"<p>Setting up Ionic 2 debugging is pretty easy. Above all make sure to have the &#8220;Phonegap\/Cordova&#8221; Plugin installed when you want to start Ionic from <strong>Run<\/strong>. To do so go to Settings -&gt; Plugins -&gt; Install JetBrains\u00a0plugin and search for <em>&#8220;cordova&#8221;<\/em>.<\/p>\n<p><a href=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-911\" src=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ.png\" alt=\"Install Cordova Plugin IntelliJ\" width=\"1533\" height=\"1002\" srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ.png 1533w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ-300x196.png 300w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ-768x502.png 768w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ-1024x669.png 1024w\" sizes=\"auto, (max-width: 1533px) 100vw, 1533px\" \/><\/a><\/p>\n<p>Next step is to enable <strong>Run Cordova<\/strong>, go to Run -&gt; Edit Configuration and use the green plus icon on the top right corner of the window to add a new configuration. Scroll down and select\u00a0<em>&#8220;PhoneGap\/Cordova&#8221;.<\/em><\/p>\n<p><a href=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Add-Cordova-Config.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-912\" src=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Add-Cordova-Config.png\" alt=\"Add Cordova Config\" width=\"283\" height=\"531\" srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Add-Cordova-Config.png 283w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Add-Cordova-Config-160x300.png 160w\" sizes=\"auto, (max-width: 283px) 100vw, 283px\" \/><\/a><\/p>\n<p>For now we only want to add the ionic serve task to the run method. Later you can add run Android, Windows Phone and iOS by yourself. Now set name and command and platform as seen in the screenshot:<\/p>\n<p><a href=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Cordova-Run-Config.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-913\" src=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Cordova-Run-Config.png\" alt=\"Cordova Run Config\" width=\"1337\" height=\"704\" srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Cordova-Run-Config.png 1337w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Cordova-Run-Config-300x158.png 300w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Cordova-Run-Config-768x404.png 768w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Cordova-Run-Config-1024x539.png 1024w\" sizes=\"auto, (max-width: 1337px) 100vw, 1337px\" \/><\/a><\/p>\n<p>We can run Ionic 2 <em>serve<\/em>\u00a0now via our IDE. In order to add the TypeScript debugging click the green plus again and select <em>&#8220;JavaScript Debugging&#8221;:<\/em><\/p>\n<p><a href=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Add-JavaScript-Debugging.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-914\" src=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Add-JavaScript-Debugging.png\" alt=\"Add JavaScript Debugging\" width=\"275\" height=\"518\" srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Add-JavaScript-Debugging.png 275w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Add-JavaScript-Debugging-159x300.png 159w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><\/p>\n<p>Name the newly created debugger and choose URL and browser\u00a0&#8211;\u00a0for me chrome and localhost:8100. Then add the folder mapping of the Remote URL localhost:8100 to the folder containing your ionic project ( where your package.json is ). Your IDE needs this setting to understand how the generated sources and the originally sources are connected.<\/p>\n<p><a href=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Screenshot-from-2016-06-29-13-30-46.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-921 size-full\" src=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Screenshot-from-2016-06-29-13-30-46.png\" width=\"1328\" height=\"736\" srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-from-2016-06-29-13-30-46.png 1328w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-from-2016-06-29-13-30-46-300x166.png 300w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-from-2016-06-29-13-30-46-768x426.png 768w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-from-2016-06-29-13-30-46-1024x568.png 1024w\" sizes=\"auto, (max-width: 1328px) 100vw, 1328px\" \/><\/a><\/p>\n<p>You are ready to run Ionic 2 from IntelliJ\/Webstorm\/&#8230; and to enable debugging. Make sure to have the browser extension installed:<\/p>\n<p><a href=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Debugging-in-Action1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-915\" src=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Debugging-in-Action1.png\" alt=\"Debugging in Action1\" width=\"529\" height=\"154\" srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Debugging-in-Action1.png 529w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2016\/06\/Debugging-in-Action1-300x87.png 300w\" sizes=\"auto, (max-width: 529px) 100vw, 529px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Problems?<\/strong><\/p>\n<p>My\u00a0breakpoint is not working:<\/p>\n<ol>\n<li>Make sure that the connection between IDE debugger and browser is ok. To do so go to the debug tab and type &#8220;alert(1);&#8221;. This should trigger an alert in your browser window.<\/li>\n<li>make sure to have the path to URL mapping correctly in the debug config<\/li>\n<\/ol>\n<p>If IntellJ\/Webstorm recognizes the breakpoints and is able\u00a0map it to a file the breakpoint changes its look and shows a checkmark on the red dot.<\/p>\n<p><strong>Note to especially to WebStorm and PyCharm:<\/strong><\/p>\n<p>I received feedback from a Ionic 2 user experiencing\u00a0issues with the debug configuration in\u00a0PyCharm and WebStorm (2016.2). He managed to get rid of the problem by adding some more remote URL mappings:<\/p>\n<pre class=\"lang:default decode:true\">URL of the debugging config: https:\/\/localhost:8100\r\nURL for the project's root directory: http:\/\/localhost:8100\/source\r\nURL for the \"www\" directory: http:\/\/localhost:8100<\/pre>\n<p>See this thread for further information:<br \/>\nhttps:\/\/forum.ionicframework.com\/t\/debugging-in-webstorm\/52563\/2<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setting up Ionic 2 debugging is pretty easy. Above all make sure to have the &#8220;Phonegap\/Cordova&#8221; Plugin installed when you want to start Ionic from Run. To do so go to Settings -&gt; Plugins -&gt; Install JetBrains\u00a0plugin and search for &#8220;cordova&#8221;. Next step is to enable Run Cordova, go to Run -&gt; Edit Configuration and [&#8230;]<br \/><a class=\"meta-big\" href=\"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/\"> READ MORE<\/a><\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[73,60],"tags":[],"class_list":["post-910","post","type-post","status-publish","format-standard","hentry","category-angular","category-typescript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Setup Ionic 2 + TypeScript Debugging with IntelliJ\/WebStorm\/Jetbrains IDE - Web Development Blog<\/title>\n<meta name=\"description\" content=\"Elevate Ionic 2 TypeScript debugging with ease! Optimize setup in IntelliJ, WebStorm, JetBrains IDE. Boost development efficiency. Explore now!\" \/>\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\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Setup Ionic 2 + TypeScript Debugging with IntelliJ\/WebStorm\/Jetbrains IDE - Web Development Blog\" \/>\n<meta property=\"og:description\" content=\"Elevate Ionic 2 TypeScript debugging with ease! Optimize setup in IntelliJ, WebStorm, JetBrains IDE. Boost development efficiency. Explore now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development tips and tricks - theCodeCampus Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-29T11:34:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-20T19:16:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ.png\" \/>\n<meta name=\"author\" content=\"theCodeCampus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"theCodeCampus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/\"},\"author\":{\"name\":\"theCodeCampus\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/person\\\/276bbda2f8da73154f22fb652201cfbc\"},\"headline\":\"Setup Ionic 2 + TypeScript Debugging with IntelliJ\\\/WebStorm\\\/Jetbrains IDE\",\"datePublished\":\"2016-06-29T11:34:35+00:00\",\"dateModified\":\"2023-12-20T19:16:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/\"},\"wordCount\":364,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.thecodecampus.de\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/Install-Cordova-Plugin-IntelliJ.png\",\"articleSection\":[\"Angular\",\"TypeScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/\",\"name\":\"Setup Ionic 2 + TypeScript Debugging with IntelliJ\\\/WebStorm\\\/Jetbrains IDE - Web Development Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.thecodecampus.de\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/Install-Cordova-Plugin-IntelliJ.png\",\"datePublished\":\"2016-06-29T11:34:35+00:00\",\"dateModified\":\"2023-12-20T19:16:05+00:00\",\"description\":\"Elevate Ionic 2 TypeScript debugging with ease! Optimize setup in IntelliJ, WebStorm, JetBrains IDE. Boost development efficiency. Explore now!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog.thecodecampus.de\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/Install-Cordova-Plugin-IntelliJ.png\",\"contentUrl\":\"https:\\\/\\\/blog.thecodecampus.de\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/Install-Cordova-Plugin-IntelliJ.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Setup Ionic 2 + TypeScript Debugging with IntelliJ\\\/WebStorm\\\/Jetbrains IDE\"}]},{\"@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\\\/276bbda2f8da73154f22fb652201cfbc\",\"name\":\"theCodeCampus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg\",\"caption\":\"theCodeCampus\"},\"description\":\"Our knowledge is not simply gained through reading - it is trained, tested and constantly being expanded. Because first and foremost, we are all developers at W11K. The know-how that we acquire here as developers, consultants and information architects flows immediately into our training courses and articles for theCodeCampus.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/showcase\\\/thecodecampus\\\/\"],\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Setup Ionic 2 + TypeScript Debugging with IntelliJ\/WebStorm\/Jetbrains IDE - Web Development Blog","description":"Elevate Ionic 2 TypeScript debugging with ease! Optimize setup in IntelliJ, WebStorm, JetBrains IDE. Boost development efficiency. Explore now!","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\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/","og_locale":"en_US","og_type":"article","og_title":"Setup Ionic 2 + TypeScript Debugging with IntelliJ\/WebStorm\/Jetbrains IDE - Web Development Blog","og_description":"Elevate Ionic 2 TypeScript debugging with ease! Optimize setup in IntelliJ, WebStorm, JetBrains IDE. Boost development efficiency. Explore now!","og_url":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/","og_site_name":"Web Development tips and tricks - theCodeCampus Blog","article_published_time":"2016-06-29T11:34:35+00:00","article_modified_time":"2023-12-20T19:16:05+00:00","og_image":[{"url":"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ.png","type":"","width":"","height":""}],"author":"theCodeCampus","twitter_card":"summary_large_image","twitter_misc":{"Written by":"theCodeCampus","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/#article","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/"},"author":{"name":"theCodeCampus","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/person\/276bbda2f8da73154f22fb652201cfbc"},"headline":"Setup Ionic 2 + TypeScript Debugging with IntelliJ\/WebStorm\/Jetbrains IDE","datePublished":"2016-06-29T11:34:35+00:00","dateModified":"2023-12-20T19:16:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/"},"wordCount":364,"commentCount":7,"publisher":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ.png","articleSection":["Angular","TypeScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/","url":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/","name":"Setup Ionic 2 + TypeScript Debugging with IntelliJ\/WebStorm\/Jetbrains IDE - Web Development Blog","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/#primaryimage"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ.png","datePublished":"2016-06-29T11:34:35+00:00","dateModified":"2023-12-20T19:16:05+00:00","description":"Elevate Ionic 2 TypeScript debugging with ease! Optimize setup in IntelliJ, WebStorm, JetBrains IDE. Boost development efficiency. Explore now!","breadcrumb":{"@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/#primaryimage","url":"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ.png","contentUrl":"https:\/\/blog.thecodecampus.de\/wp-content\/uploads\/2016\/06\/Install-Cordova-Plugin-IntelliJ.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.thecodecampus.de\/blog\/setup-ionic-2-typescript-debugging-intellijwebstormjetbrains-ide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thecodecampus.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Setup Ionic 2 + TypeScript Debugging with IntelliJ\/WebStorm\/Jetbrains IDE"}]},{"@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\/276bbda2f8da73154f22fb652201cfbc","name":"theCodeCampus","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg","url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg","contentUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg","caption":"theCodeCampus"},"description":"Our knowledge is not simply gained through reading - it is trained, tested and constantly being expanded. Because first and foremost, we are all developers at W11K. The know-how that we acquire here as developers, consultants and information architects flows immediately into our training courses and articles for theCodeCampus.","sameAs":["https:\/\/www.linkedin.com\/showcase\/thecodecampus\/"],"url":"https:\/\/www.thecodecampus.de\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/910","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\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/comments?post=910"}],"version-history":[{"count":8,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/910\/revisions"}],"predecessor-version":[{"id":2198,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/910\/revisions\/2198"}],"wp:attachment":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/media?parent=910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/categories?post=910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/tags?post=910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}