Chapter 2 \u2192<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"I remember vividly a period early in my coding career when I began to feel that things were changing away from what I knew, and headed towards a more complex set of tools and practices, anchored in the command line and something called npm. This is the first part of a beginner\u2019s guide where we […]<\/p>\n","protected":false},"author":282902,"featured_media":285418,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"A giant and absolutely thorough beginner's guide to npm. Thanks to @jjcollinsworth for all the hard work putting it together!","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4,508],"tags":[578],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/03\/npm.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":361214,"url":"https:\/\/css-tricks.com\/a-clear-definition-of-npm-and-what-it-does\/","url_meta":{"origin":361210,"position":0},"title":"What the Heck Does \u201cnpm\u201d Mean?","date":"January 20, 2022","format":false,"excerpt":"One of the things that makes this new, tooling-heavy era of front-end development so seemingly hard to understand at first is that, while we often call things by a singular name, they tend to be actually comprised of several different interconnected pieces. The same is true for npm and the\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/01\/library-building.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":361300,"url":"https:\/\/css-tricks.com\/how-to-install-npm-packages\/","url_meta":{"origin":361210,"position":1},"title":"How the Heck Do You Install npm Packages?","date":"January 20, 2022","format":false,"excerpt":"By now, you\u2019re becoming quite knowledgeable with npm! So far, we\u2019ve broken down the three letters in \u201cnpm\u201d to gain a better understand of Node and package managers. In the previous chapter, we even installed Node and npm while getting acquainted with Node Version Manager, or nvm. Next up in\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/11\/toolbox-frameworks-scaled.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":361337,"url":"https:\/\/css-tricks.com\/how-to-install-an-npm-project\/","url_meta":{"origin":361210,"position":2},"title":"How the Heck Do You Install an Existing npm Project?","date":"January 20, 2022","format":false,"excerpt":"We\u2019ve gotten a good overview of how npm works and how to use it to install packages and run commands at this point. Now let\u2019s go a little further and see what it looks like to download and install an existing npm project, rather than starting one from scratch. More\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/01\/npm-install-project.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":361320,"url":"https:\/\/css-tricks.com\/what-the-heck-are-npm-commands\/","url_meta":{"origin":361210,"position":3},"title":"What the Heck Are npm Commands?","date":"January 20, 2022","format":false,"excerpt":"npm is, as you now know, a package manager. But like similar, earlier tools that run tasks in the command line, such as Grunt and Gulp, npm can also run tasks\u2014which is perfect for us because now that we installed the Sass package in the previous chapter, we can starting\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/01\/s_AF038BF04094A70509D67F40885F11F49B56FA082F53552BB58B184DA068C273_1638416625430_01-43-wvtkv-5cnvv.png?fit=1200%2C883&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":361270,"url":"https:\/\/css-tricks.com\/how-to-install-npm-node-nvm\/","url_meta":{"origin":361210,"position":4},"title":"How the Heck Do You Install npm?","date":"January 20, 2022","format":false,"excerpt":"Feel like you have a pretty good idea of what a package manager is? We\u2019ve certainly covered a lot of ground getting familiar with all the terms and concepts of package managers, but I\u2019d say it\u2019s high time we actually do something with our newfound knowledge. But first, we need\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/01\/nvm-install-node.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":361257,"url":"https:\/\/css-tricks.com\/what-the-heck-is-a-package-manager\/","url_meta":{"origin":361210,"position":5},"title":"What the Heck is a Package Manager?","date":"January 20, 2022","format":false,"excerpt":"If you\u2019re keeping score, so far in this npm guide we've developed a general understanding of what npm is\u2014notably, that it stands for Node Package Manager. In the process, we\u2019ve discussed the importance of the command line and how it's used with npm. We also looked specifically at the \u201cn\u201d\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/03\/stacked-boxes.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/03\/npm.png?fit=1024%2C512&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/361210"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/282902"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=361210"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/361210\/revisions"}],"predecessor-version":[{"id":361934,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/361210\/revisions\/361934"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/285418"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=361210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=361210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=361210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}