{"id":8217,"date":"2011-11-22T14:05:48","date_gmt":"2011-11-22T14:05:48","guid":{"rendered":"https:\/\/blog.jetbrains.com\/webide\/?p=3033"},"modified":"2013-01-22T18:21:31","modified_gmt":"2013-01-22T18:21:31","slug":"webstorm-your-node-app","status":"publish","type":"webide","link":"https:\/\/blog.jetbrains.com\/fr\/webide\/2011\/11\/webstorm-your-node-app","title":{"rendered":"WebStorm your Node app!"},"content":{"rendered":"<p>This is a simple tutorial on how to get started with Node.JS development in WebStorm 3.0 EAP. The same steps apply for PhpStorm 3.0 EAP or\u00a0IntelliJ IDEA 11 EAP with <a href=\"http:\/\/plugins.intellij.net\/plugin\/?id=6098\" target=\"_blank\" rel=\"noopener\">Node.JS plugin<\/a> installed.<\/p>\n<p>Initially, you&#8217;ll need to configure the location of Node.JS JavaScript files in the IDE. To do that, click the <img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2011\/11\/webide-nodejs.png\" alt=\"\" \/> icon on the toolbar. If you have Node.JS installed from sources, specify its location there. Otherwise you can always download Node.JS JavaScript source files from\u00a0<a href=\"http:\/\/nodejs.org\/dist\" target=\"_blank\" rel=\"noopener\">http:\/\/nodejs.org\/dist<\/a> (e.g.\u00a0<a href=\"http:\/\/nodejs.org\/dist\/v0.6.2\/node-v0.6.2.tar.gz\" target=\"_blank\" rel=\"noopener\">http:\/\/nodejs.org\/dist\/v0.6.2\/node-v0.6.2.tar.gz<\/a>).<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2011\/11\/webide-NodeJSSourcesConfig1.png\" alt=\"\" \/><br \/>\nThis setting is needed for <strong>completion<\/strong>, <strong>validation<\/strong> and <strong>debugging<\/strong> of standard NodeJS symbols.<\/p>\n<p>There are several ways to run or debug Node.JS app script. The easiest way to start is right from the editor popup menu:<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2011\/11\/webide-RunDebugInPopupMenu.png\" alt=\"\" \/><\/p>\n<p>Run \/ debug parameters can be tweaked\u00a0for the created run configuration.\u00a0Although\u00a0NodeJS path is auto-detected, it&#8217;s possible to change it by editing the &#8220;Default&#8221; configuration.<br \/>\n<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2011\/11\/webide-NodeJSRunConfigSettings.png\" alt=\"\" width=\"646\" height=\"193\" \/><\/p>\n<p>After you&#8217;ve run the correctly created configuration, it is possible to debug Node app using breakpoints, stepping, expressions evaluation, etc.<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2011\/11\/webide-NodeJSDebugging.png\" alt=\"\" \/><\/p>\n<p>WebStorm is aware of CommonJS module structure and suggests proper auto completion options:<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2011\/11\/webide-NodeJSModuleAwareCompletion.png\" alt=\"\" \/><\/p>\n<p><em>Develop your Node.JS applications with pleasure!<\/em><\/p>\n<p><a href=\"http:\/\/confluence.jetbrains.net\/display\/WI\/Web+IDE+EAP\" target=\"_blank\" rel=\"noopener\">Download WebStorm for your platform from this project EAP page.<\/a><em><br \/>\n<\/em><\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","categories":[808,2347,1114],"tags":[632,365,183],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webide\/8217"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webide"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/types\/webide"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/comments?post=8217"}],"version-history":[{"count":0,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webide\/8217\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media?parent=8217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/categories?post=8217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/tags?post=8217"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/cross-post-tag?post=8217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}