--- title: WebDev 101: How to use npm and Yarn | daily.dev description: A beginner-friendly introduction to Node.js, npm, and Yarn. Covers what Node is, how to install it (including using nvm for version management), and how to use... canonical: https://daily.dev/posts/webdev-101-how-to-use-npm-and-yarn-cpgficzff twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: WebDev 101: How to use npm and Yarn | daily.dev og:description: A beginner-friendly introduction to Node.js, npm, and Yarn. Covers what Node is, how to install it (including using nvm for version management), and how to use... og:url: https://daily.dev/posts/webdev-101-how-to-use-npm-and-yarn-cpgficzff og:image: https://api.daily.dev/og/posts/cPGFICzFf.png og:image:alt: WebDev 101: How to use npm and Yarn og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # WebDev 101: How to use npm and Yarn **[Playful Programming](https://daily.dev/sources/playfulprogramming)** · [@crutchcorn](https://daily.dev/crutchcorn) · 22 min read · 0 upvotes · 0 comments ## Summary A beginner-friendly introduction to Node.js, npm, and Yarn. Covers what Node is, how to install it (including using nvm for version management), and how to use npm and Yarn to manage project dependencies. Explains key concepts like package.json structure, semantic versioning (SemVer) with caret and tilde modifiers, the difference between dependencies/devDependencies/peerDependencies, lock files, .gitignore for node_modules, and npm scripts. Also introduces nodemon for hot-reloading during development. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Node.js tutorial: Get started with Node](https://daily.dev/posts/node-js-tutorial-get-started-with-node-orvgt2hi6) · InfoWorld · 2 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#nodejs](https://daily.dev/tags/nodejs), [#npm](https://daily.dev/tags/npm), [#yarn](https://daily.dev/tags/yarn) [View this post on daily.dev](https://daily.dev/posts/webdev-101-how-to-use-npm-and-yarn-cpgficzff) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"WebDev 101: How to use npm and Yarn","url":"https://daily.dev/posts/webdev-101-how-to-use-npm-and-yarn-cpgficzff","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/webdev-101-how-to-use-npm-and-yarn-cpgficzff"},"datePublished":"2026-03-16T21:47:01.006Z","dateModified":"2026-03-17T18:01:40.743Z","description":"A beginner-friendly introduction to Node.js, npm, and Yarn. Covers what Node is, how to install it (including using nvm for version management), and how to use...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c1182c2798edd5d5e7180b696a0c7ffc?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c1182c2798edd5d5e7180b696a0c7ffc?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Playful Programming","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Corbin Crutchley","url":"https://daily.dev/crutchcorn","image":"https://avatars.githubusercontent.com/u/9100169?v=4","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":400}},"commentCount":0,"discussionUrl":"https://daily.dev/posts/webdev-101-how-to-use-npm-and-yarn-cpgficzff","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,nodejs,npm,yarn","timeRequired":"PT22M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Playful Programming","item":"https://daily.dev/sources/playfulprogramming"},{"@type":"ListItem","position":3,"name":"WebDev 101: How to use npm and Yarn"}]} ```