<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Inspector on Janik von Rotz</title>
    <link>https://janikvonrotz.ch/tags/inspector/</link>
    <description>Recent content in Inspector on Janik von Rotz</description>
    <generator>Hugo</generator>
    <language>en</language>
    <lastBuildDate>Fri, 21 Feb 2014 14:20:13 +0000</lastBuildDate>
    <atom:link href="https://janikvonrotz.ch/tags/inspector/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>How to debug your Node.js application</title>
      <link>https://janikvonrotz.ch/2014/02/21/how-to-debug-your-node-js-application/</link>
      <pubDate>Fri, 21 Feb 2014 14:20:13 +0000</pubDate>
      <guid>https://janikvonrotz.ch/2014/02/21/how-to-debug-your-node-js-application/</guid>
      <description>&lt;p&gt;Recently I&amp;rsquo;ve started developing with Node.js. As a beginner I had to set up an &lt;!-- raw HTML omitted --&gt;IDE&lt;!-- raw HTML omitted --&gt; which meets my requirements such as debugging code. I&amp;rsquo;ve tried several IDE&amp;rsquo;s such as Microsofts&amp;rsquo;s WebMatrix or Eclipse Node.js extension. But all of them literally sucked, they were are a pain to install or didn&amp;rsquo;t work properly.&lt;/p&gt;&#xA;&lt;p&gt;Luckily I came along this project: &lt;!-- raw HTML omitted --&gt;&lt;a href=&#34;https://github.com/node-inspector/node-inspector&#34;&gt;https://github.com/node-inspector/node-inspector&lt;/a&gt;&lt;!-- raw HTML omitted --&gt;&lt;/p&gt;&#xA;&lt;p&gt;It&amp;rsquo;s a Node.js debugger that runs in your browser! That means you can still use your the code editor you&amp;rsquo;re into and debugging the running code directly in your browser (chrome or opera so far). That&amp;rsquo;s totally awesom! Isn&amp;rsquo;t it?&lt;/p&gt;&#xA;&lt;p&gt;To get started with node inspector install these tools:&lt;/p&gt;&#xA;&lt;!-- raw HTML omitted --&gt;&#xA;&lt;p&gt;To install node inspector run these commands in your project folder from the command line:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-js&#34; data-lang=&#34;js&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;// install node inspector globally as developer dependencies&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;npm&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;install&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;-&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;g&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;node&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;-&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;inspector&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;save&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;-&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;dev&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;// start debugging you app&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;node&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;-&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;debug&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;app&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;js&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Your browser will open the developer console on the debugging page now.&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://janikvonrotz.ch/wp-content/uploads/2014/02/node-inspector-example.jpg&#34;&gt;&lt;img src=&#34;https://janikvonrotz.ch/wp-content/uploads/2014/02/node-inspector-example.jpg&#34; alt=&#34;node inspector example&#34;&gt;&lt;/a&gt;PS: It is even possible to edit the code live in the browser!&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
