<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Vats Mishra</title>
    <description>The latest articles on DEV Community by Vats Mishra (@vats_mishra_5ec5338f14c59).</description>
    <link>https://dev.to/vats_mishra_5ec5338f14c59</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3881873%2F042edc3e-ab61-4688-a1d5-eacf2183be8e.png</url>
      <title>DEV Community: Vats Mishra</title>
      <link>https://dev.to/vats_mishra_5ec5338f14c59</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/vats_mishra_5ec5338f14c59"/>
    <language>en</language>
    <item>
      <title>One of the most simplest explanation out there, go tell it to 5 year old</title>
      <dc:creator>Vats Mishra</dc:creator>
      <pubDate>Sun, 03 May 2026 11:45:21 +0000</pubDate>
      <link>https://dev.to/vats_mishra_5ec5338f14c59/one-of-the-most-simplest-explanation-out-there-go-tell-it-to-5-year-old-593a</link>
      <guid>https://dev.to/vats_mishra_5ec5338f14c59/one-of-the-most-simplest-explanation-out-there-go-tell-it-to-5-year-old-593a</guid>
      <description>&lt;div class="ltag__link--embedded"&gt;
  &lt;div class="crayons-story "&gt;
  &lt;a href="https://dev.to/vats_mishra_5ec5338f14c59/understanding-the-difference-between-npm-and-npx-1l9m" class="crayons-story__hidden-navigation-link"&gt;Understanding the difference between npm and npx&lt;/a&gt;


  &lt;div class="crayons-story__body crayons-story__body-full_post"&gt;
    &lt;div class="crayons-story__top"&gt;
      &lt;div class="crayons-story__meta"&gt;
        &lt;div class="crayons-story__author-pic"&gt;

          &lt;a href="/vats_mishra_5ec5338f14c59" class="crayons-avatar  crayons-avatar--l  "&gt;
            &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3881873%2F042edc3e-ab61-4688-a1d5-eacf2183be8e.png" alt="vats_mishra_5ec5338f14c59 profile" class="crayons-avatar__image" width="96" height="96"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;a href="/vats_mishra_5ec5338f14c59" class="crayons-story__secondary fw-medium m:hidden"&gt;
              Vats Mishra
            &lt;/a&gt;
            &lt;div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"&gt;
              
                Vats Mishra
                
              
              &lt;div id="story-author-preview-content-3603805" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"&gt;
                &lt;div class="gap-4 grid"&gt;
                  &lt;div class="-mt-4"&gt;
                    &lt;a href="/vats_mishra_5ec5338f14c59" class="flex"&gt;
                      &lt;span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"&gt;
                        &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3881873%2F042edc3e-ab61-4688-a1d5-eacf2183be8e.png" class="crayons-avatar__image" alt="" width="96" height="96"&gt;
                      &lt;/span&gt;
                      &lt;span class="crayons-link crayons-subtitle-2 mt-5"&gt;Vats Mishra&lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="print-hidden"&gt;
                    
                      Follow
                    
                  &lt;/div&gt;
                  &lt;div class="author-preview-metadata-container"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/div&gt;
          &lt;a href="https://dev.to/vats_mishra_5ec5338f14c59/understanding-the-difference-between-npm-and-npx-1l9m" class="crayons-story__tertiary fs-xs"&gt;&lt;time&gt;May 3&lt;/time&gt;&lt;span class="time-ago-indicator-initial-placeholder"&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

    &lt;/div&gt;

    &lt;div class="crayons-story__indention"&gt;
      &lt;h2 class="crayons-story__title crayons-story__title-full_post"&gt;
        &lt;a href="https://dev.to/vats_mishra_5ec5338f14c59/understanding-the-difference-between-npm-and-npx-1l9m" id="article-link-3603805"&gt;
          Understanding the difference between npm and npx
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;div class="crayons-story__tags"&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/backend"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;backend&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/node"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;node&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/programming"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;programming&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/typescript"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;typescript&lt;/a&gt;
        &lt;/div&gt;
      &lt;div class="crayons-story__bottom"&gt;
        &lt;div class="crayons-story__details"&gt;
            &lt;a href="https://dev.to/vats_mishra_5ec5338f14c59/understanding-the-difference-between-npm-and-npx-1l9m#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"&gt;
              Comments


              &lt;span class="hidden s:inline"&gt;Add Comment&lt;/span&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="crayons-story__save"&gt;
          &lt;small class="crayons-story__tertiary fs-xs mr-2"&gt;
            3 min read
          &lt;/small&gt;
            
              &lt;span class="bm-initial"&gt;
                

              &lt;/span&gt;
              &lt;span class="bm-success"&gt;
                

              &lt;/span&gt;
            
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;


</description>
    </item>
    <item>
      <title>Understanding the difference between npm and npx</title>
      <dc:creator>Vats Mishra</dc:creator>
      <pubDate>Sun, 03 May 2026 11:44:35 +0000</pubDate>
      <link>https://dev.to/vats_mishra_5ec5338f14c59/understanding-the-difference-between-npm-and-npx-1l9m</link>
      <guid>https://dev.to/vats_mishra_5ec5338f14c59/understanding-the-difference-between-npm-and-npx-1l9m</guid>
      <description>&lt;p&gt;&lt;strong&gt;Introduction&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;'npm' and 'npx' are two important tools in Node.js ecosystem that facilitate the management and execution of Javascript packages. While they are both related to nodejs, they serve a different purpose all together.&lt;br&gt;
npm: The Node Package Manager&lt;br&gt;
'npm' is the default manager for Node.js. It allows developers to install, share and manage dependencies, making it an integral part of Node.js ecosystem.&lt;/p&gt;
&lt;h2&gt;
  
  
  Key Features:
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Package Installation : 'npm' enables developers to install packages globally or locally within a project.
&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &amp;lt;package-name&amp;gt;      &lt;span class="c"&gt;# Local Installation&lt;/span&gt;
npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; &amp;lt;package-name&amp;gt;   &lt;span class="c"&gt;# Global Installation&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;ol&gt;
&lt;li&gt;Dependency Management: 'npm' maintains a 'package.json' file in each project, documenting the project dependencies .
&lt;code&gt;npm init&lt;/code&gt;    # Initialize a new package.json&lt;/li&gt;
&lt;li&gt;Script Execution: Developers can also define a custom script in 'package.json' file, and 'npm' allows the execution of these scripts.
&lt;code&gt;npm run &amp;lt;script-name&amp;gt;&lt;/code&gt;
npx: Execute Node.js package
'npx' is a tool that comes bundled with 'npm' (version &amp;gt; 5.2.0) and serve as an execution tool for Node.js packages. It is used for temporarily install and execute packages without the need for global installation.
Key Features:
Package execution: 'npx' allows the execution of binaries from locally installed packages or globally installed. It automatically installs the packages and executes them.
&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx &amp;lt;package-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;ol&gt;
&lt;li&gt;Executing Commands: Besides executing packages it can also be used to run general commands.
&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx &amp;lt;&lt;span class="nb"&gt;command&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;ol&gt;
&lt;li&gt;Package Version Specification: Developers can specify particular version of packages to be used for execution.
&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx &lt;span class="nt"&gt;-p&lt;/span&gt; &amp;lt;package-name&amp;gt;@&amp;lt;version&amp;gt; &amp;lt;&lt;span class="nb"&gt;command&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;




&lt;p&gt;&lt;strong&gt;Now we will explain the above jargon in simplistic manner:&lt;/strong&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  NPM
&lt;/h2&gt;

&lt;p&gt;'npm' is like that librarian, and it helps you find and borrow different pieces of code that are called packages. These packages are like special books that have useful information and tools inside them. When you want to use a specific package in the project, you ask 'npm' to bring it to your project.&lt;/p&gt;

&lt;p&gt;For example: You tell the librarian ('npm') that you need a tool called 'robot-builder' for your project. Now 'npm' goes to the library, finds the robot-builder tool and brings it to your project.&lt;br&gt;
npm install robot-builder&lt;br&gt;
The librarian 'npm' maintains a checklist ('package.json') where it writes down all the things that you have borrowed&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="err"&gt;//&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;package.json&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"dependencies"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"robot-builder"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"1.0.0"&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;

&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  NPX
&lt;/h2&gt;

&lt;p&gt;On the other hand, 'npx' is a helpful friend you can call whenever you need to use a tool or a special command just for a short time. It's like calling a friend for the certain task but you don't need to keep that friend for a long time you just call them whenever you need help.&lt;/p&gt;

&lt;p&gt;For example: You call your friend ('npx') and ask them to use 'robot-builder' tools for painting your robot. Your friend knows how to use that tool and helps you in completion of painting task without installing the package permanently.&lt;br&gt;
npx robot-builder paint-robot&lt;/p&gt;

&lt;p&gt;Once the painting is done you don't need your friend anymore ('npx').They help you with specific tasks and now you can continue with other things.&lt;/p&gt;

&lt;p&gt;So, in a nutshell, 'npm' is like your librarian, helping you manage and borrow packages, while 'npx' is like a knowledgeable friend you call for help with specific tasks. Both are there to make your coding life easier!&lt;br&gt;
Thank You&lt;/p&gt;

</description>
      <category>backend</category>
      <category>node</category>
      <category>programming</category>
      <category>typescript</category>
    </item>
  </channel>
</rss>
