{"id":9640,"date":"2020-01-17T22:31:38","date_gmt":"2020-01-17T21:31:38","guid":{"rendered":"https:\/\/blog.hostinger.io\/es-tutoriales\/?p=9640"},"modified":"2023-02-13T22:29:51","modified_gmt":"2023-02-13T21:29:51","slug":"que-es-npm","status":"publish","type":"post","link":"\/es\/tutoriales\/que-es-npm\/","title":{"rendered":"\u00bfQu\u00e9 es NPM? Una introducci\u00f3n b\u00e1sica para principiantes"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>npm<\/strong> es el Node Package Manager que viene incluido y ayuda a cada desarrollo asociado a Node. Durante a&ntilde;os, Node ha sido ampliamente utilizado por los desarrolladores de <a href=\"\/es\/tutoriales\/que-es-javascript-introduccion-basica\/\">JavaScript<\/a> para compartir herramientas, instalar varios m&oacute;dulos y administrar sus dependencias. Es por eso que es fundamental que las personas que trabajan con <a href=\"https:\/\/nodejs.org\/es\/\" target=\"_blank\" rel=\"noopener\">Node.js<\/a> entiendan qu&eacute; es npm. <\/p><p class=\"wp-block-paragraph\">A continuaci&oacute;n te explicaremos m&aacute;s sobre c&oacute;mo funciona y c&oacute;mo instalar npm.<\/p><p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/assets.hostinger.com\/content\/ES-Web-Development-Glossary-for-Beginners.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Descarga la hoja de trucos HTML definitiva<\/a><\/p><h2 class=\"wp-block-heading\" id=\"h-como-funciona-el-node-package-manager\">&iquest;C&oacute;mo funciona el Node Package Manager?<\/h2><p class=\"wp-block-paragraph\">Esta herramienta funciona de dos formas:<\/p><ul class=\"wp-block-list\">\n<li>Como un repositorio ampliamente utilizado para la publicaci&oacute;n de proyectos Node.js de c&oacute;digo abierto. Lo que significa que es una plataforma en l&iacute;nea donde cualquiera puede publicar y compartir herramientas escritas en JavaScript.<\/li>\n\n\n\n<li>Como una herramienta de l&iacute;nea de comandos que ayuda a interactuar con plataformas en l&iacute;nea, como navegadores y servidores. Esto ayuda a instalar y desinstalar paquetes, gesti&oacute;n de versiones y gesti&oacute;n de dependencias necesarias para ejecutar un proyecto.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Para usarlo, debes instalar <strong>node.js<\/strong>, ya que est&aacute;n desarrollados de forma agrupada.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1188\" height=\"520\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/01\/node-js.png\/public\" alt=\"Descargar Node.js\" class=\"wp-image-14389\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/01\/node-js.png\/w=1188,fit=scale-down 1188w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/01\/node-js.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/01\/node-js.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/01\/node-js.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/01\/node-js.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1188px) 100vw, 1188px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">La utilidad de l&iacute;nea de comando del administrador de paquetes Node permite que <strong>node.js<\/strong> funcione correctamente.<\/p><p class=\"wp-block-paragraph\">Para usar paquetes, tu proyecto debe contener un archivo llamado <strong>package.json<\/strong>. Dentro de ese archivo, encontrar&aacute;s metadatos espec&iacute;ficos para los proyectos.<\/p><p class=\"wp-block-paragraph\">Los metadatos muestran algunos aspectos del proyecto en el siguiente orden:<\/p><ul class=\"wp-block-list\">\n<li>El nombre del proyecto<\/li>\n\n\n\n<li>La versi&oacute;n inicial<\/li>\n\n\n\n<li>Descripci&oacute;n<\/li>\n\n\n\n<li>El punto de entrada<\/li>\n\n\n\n<li>Comandos de prueba<\/li>\n\n\n\n<li>El repositorio <a href=\"\/es\/tutoriales\/que-es-github\/\">git<\/a><\/li>\n\n\n\n<li>Palabras clave<\/li>\n\n\n\n<li>Licencia<\/li>\n\n\n\n<li>Dependencias<\/li>\n\n\n\n<li>Dependencias de desarrollo<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Los metadatos ayudan a identificar el proyecto y act&uacute;an como una l&iacute;nea de base para que los usuarios obtengan informaci&oacute;n al respecto.<\/p><p class=\"wp-block-paragraph\">Aqu&iacute; hay un ejemplo de c&oacute;mo puedes identificar un proyecto a trav&eacute;s de sus metadatos:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"json\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n&nbsp; \"name\": \"hostinger-npm\",\n&nbsp; \"version\": \"1.0.0\",\n&nbsp; \"description\": \"gu&iacute;a npm para principiantes\",\n&nbsp; \"main\": \"principiantes-npm.js\",\n&nbsp; \"scripts\": {\n&nbsp;&nbsp;&nbsp; \"test\": \"echo \\\"Error: no test specified\\\" &amp;&amp; exit 1\"\n&nbsp; },\n&nbsp; \"keywords\": [\n&nbsp;&nbsp;&nbsp; \"npm\",\n&nbsp;&nbsp;&nbsp; \"ejemplo\",\n&nbsp;&nbsp;&nbsp; \"basico\"\n&nbsp; ],\n&nbsp; \"author\": \"Hostinger Internacional\",\n&nbsp; \"license\": \"MIT\",\n&nbsp; \"dependencies\": {\n&nbsp;&nbsp;&nbsp; \"express\": \"^4.16.4\"\n&nbsp; }\n}<\/pre><ul class=\"wp-block-list\">\n<li>El nombre es <em>hostinger-npm<\/em><\/li>\n\n\n\n<li>La versi&oacute;n es <em>1.0.0<\/em><\/li>\n\n\n\n<li>Esto es una <em>gu&iacute;a npm para principiantes<\/em>.<\/li>\n\n\n\n<li>El punto de entrada o el archivo principal del proyecto es <em>principiantes-npm.js<\/em><\/li>\n\n\n\n<li>Las palabras clave o etiquetas para encontrar el proyecto en el repositorio son <em>npm, ejemplo <\/em>y<em> b&aacute;sico<\/em><\/li>\n\n\n\n<li>El autor del proyecto es <em>Hostinger Internacional<\/em>.<\/li>\n\n\n\n<li>Este proyecto tiene licencia bajo <em>MIT<\/em><\/li>\n\n\n\n<li>Las dependencias u otros m&oacute;dulos que utiliza este m&oacute;dulo son <em>express 4.16.4<\/em><\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-como-instalar-modulos-npm-e-iniciar-proyectos\">&iquest;C&oacute;mo instalar m&oacute;dulos npm e iniciar proyectos?<\/h2><p class=\"wp-block-paragraph\">Primero, debes asegurarte de que <strong>node.js<\/strong> y <strong>npm<\/strong> se hayan instalado. Hazlo ejecutando algunos simples comandos.<\/p><p class=\"wp-block-paragraph\">Para ver si node.js est&aacute; instalado, abre el <strong>Terminal<\/strong> o una herramienta de l&iacute;nea de comando y escribe <code>node -v<\/code>. Esto deber&iacute;a mostrar un n&uacute;mero de versi&oacute;n si ya ha sido instalado:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ node -v\nv0.10.9<\/pre><p class=\"wp-block-paragraph\">Para ver si el administrador de paquetes Node se ha instalado, escribe <code>npm -v<\/code>. Esto deber&iacute;a mostrar el n&uacute;mero de versi&oacute;n:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ npm -v \n1.2.25<\/pre><p class=\"wp-block-paragraph\">Si no est&aacute; instalado, descarga Node del <a href=\"http:\/\/nodejs.org\/download\/\" target=\"_blank\" rel=\"noopener\">sitio web de node.js<\/a> y sigue las instrucciones del instalador.<\/p><p class=\"wp-block-paragraph\">npm es famoso por su instalador de una l&iacute;nea:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ curl https:\/\/npmjs.org\/install.sh | sh<\/pre><p class=\"wp-block-paragraph\">Una vez instalado, puedes actualizarlo ya que las nuevas versiones salen regularmente. Para actualizarlo, simplemente descarga el instalador del sitio <a href=\"https:\/\/nodejs.org\/es\/\" target=\"_blank\" rel=\"noopener\">node.js<\/a> y ejec&uacute;talo nuevamente. La versi&oacute;n m&aacute;s nueva reemplazar&aacute; autom&aacute;ticamente a la &uacute;ltima.<\/p><p class=\"wp-block-paragraph\">Sin embargo, tambi&eacute;n puedes actualizarlo usando este comando:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ npm update -g npm<\/pre><h3 class=\"wp-block-heading\" id=\"h-iniciando-un-proyecto-con-npm\">Iniciando un proyecto con npm<\/h3><p class=\"wp-block-paragraph\">Si ya tienes Node y npm, y deseas comenzar a construir tu proyecto, ejecuta el comando <strong><code>npm init<\/code><\/strong>. Esto activar&aacute; la inicializaci&oacute;n de tu proyecto.<\/p><p class=\"wp-block-paragraph\">Por ejemplo, creemos un directorio llamado <code>test-npm<\/code> y <code>cd<\/code> en &eacute;l. Ahora ejecutemos nuestro primer comando npm:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ npm init<\/pre><p class=\"wp-block-paragraph\">Este comando funciona como una herramienta para crear el archivo <strong>package.json<\/strong> de un proyecto. Una vez que ejecutes los pasos de <code>npm init<\/code>, se generar&aacute; un archivo <strong>package.json<\/strong> y se guardar&aacute; en el directorio actual.<\/p><p class=\"wp-block-paragraph\">A modo de ayuda, el init del npm explica lo que hace cuando lo ejecutas:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"json\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">mymacs-MacBook-Pro: test-npm mymac$ npm init\nThis utility will walk you through creating a package.json file.\nIt only covers the most common items, and tries to guess sane defaults.\n\nSee `npm help json` for definitive documentation on these fields and exactly what they do.\nUse `npm install --save` afterwards to install a package and save it as a dependency in the package.json file.\n\nPress ^C at any time to quit.\nname: (test-npm)<\/pre><p class=\"wp-block-paragraph\">Responde a las indicaciones de <code>npm init<\/code>.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"json\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">name: (test-npm)hostinger-npm\nversion: (1.0.0)1.0.0\ndescription: gu&iacute;a npm para principiantes\nentry point: (index.js) principiantes-npm.js\ntest command:\ngit repository:\nkeywords: npm, ejemplo, b&aacute;sico\nauthor: Hostinger Internationallicense: (ISC) MIT<\/pre><p class=\"wp-block-paragraph\">Presiona &ldquo;Enter&rdquo; para aceptar. Luego, <code>npm init<\/code> te ofrecer&aacute; una vista previa del <strong>package.json<\/strong> que est&aacute; por crear.<\/p><p class=\"wp-block-paragraph\">Se parecer&aacute; esto:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"json\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n&nbsp; \"name\": \"hostinger-npm\",\n&nbsp; \"version\": \"1.0.0\",\n&nbsp; \"description\": \"gu&iacute;a npm para principiantes\",\n&nbsp; \"main\": \"principiantes-npm.js\",\n&nbsp; \"scripts\": {\n&nbsp;&nbsp;&nbsp; \"test\": \"echo \\\"Error: no test specified\\\" &amp;&amp; exit 1\"\n&nbsp; },\n&nbsp; \"keywords\": [\n&nbsp;&nbsp;&nbsp; \"npm\",\n&nbsp;&nbsp;&nbsp; \"ejemplo\",\n&nbsp;&nbsp;&nbsp; \"b&aacute;sico\"\n&nbsp; ],\n&nbsp; \"author\": \"Hostinger Internacional\",\n&nbsp; \"license\": \"MIT\",\n&nbsp; \"dependencies\": {\n&nbsp;&nbsp;&nbsp; \"express\": \"^4.16.4\"\n&nbsp; }\n}\n\nIs this OK? (yes) yes\nmymac-MacBook-Pro: test-npm mymac$<\/pre><p class=\"wp-block-paragraph\">Escribe &ldquo;<strong>yes<\/strong>&rdquo; y presiona &ldquo;<strong>Enter<\/strong>&rdquo; para confirmar, as&iacute; guardaras el <strong>package.json<\/strong>. Puedes hacer cambios luego, ya sea editando el archivo directamente o ejecutando <code>npm init<\/code> nuevamente.<\/p><h3 class=\"wp-block-heading\" id=\"h-instalacion-de-modulos-npm\">Instalaci&oacute;n de m&oacute;dulos npm<\/h3><p class=\"wp-block-paragraph\">Un paquete en node.js contiene todos los archivos que necesitas para instalar un m&oacute;dulo. Los m&oacute;dulos son bibliotecas de JavaScript que puedes incluir en tu proyecto.<\/p><p class=\"wp-block-paragraph\">Instalar m&oacute;dulos es una de las cosas m&aacute;s b&aacute;sicas que debes aprender a hacer al comenzar con el administrador de paquetes Node. Este es el comando para instalar un m&oacute;dulo en el directorio actual:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ npm install &lt;modulo&gt; \n$ npm i &lt;modulo&gt;<\/pre><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Consejo profesional                <\/p>\n            <\/div>\n            <p class=\"protip__content\">En el comando anterior, reemplaza <code>&amp;lt;modulo&amp;gt;<\/code> con el nombre del m&oacute;dulo que deseas instalar.<\/p>\n                    <\/div>\n        <\/p><p class=\"wp-block-paragraph\">Por ejemplo, si deseas instalar Express, el framework web node.js m&aacute;s utilizado y conocido, puedes ejecutar el siguiente comando:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ npm install express<\/pre><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"json\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">[mymac-MacBook-Pro:test-npm mymac$ npm install express]\nnpm notice created a lockfile as package-lock.json. You should commit this file.\nnpm WARN hostinger-npm@1.0.0 No repository field.\n\n+ express@4.16.4\nadded 48 packages from 36 contributors and audited 121 packages in 2.798s\nfound 0 vulnerabilities\n\nmymac-MacBook-Pro: test npm mymac$<\/pre><p class=\"wp-block-paragraph\">El comando anterior instalar&aacute; el m&oacute;dulo express en <code>\/node_modules<\/code> en el directorio actual.<\/p><p class=\"wp-block-paragraph\">Cada vez que instales un m&oacute;dulo desde el administrador de paquetes Node, este se instalar&aacute; en la carpeta <strong>node_modules<\/strong>.<\/p><p class=\"wp-block-paragraph\">Esto es lo que se ver&aacute; luego de instalar un m&oacute;dulo en tu proyecto:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"json\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">[mymac-MacBok-Pro: test-npm mymac$ cat package.json]\n{\n&nbsp; \"name\": \"hostinger-npm\",\n&nbsp; \"version\": \"1.0.0\",\n&nbsp; \"description\": \"gu&iacute;a npm para principiantes\",\n&nbsp; \"main\": \"principiantes-npm.js\",\n&nbsp; \"scripts\": {\n&nbsp;&nbsp;&nbsp; \"test\": \"echo \\\"Error: no test specified\\\" &amp;&amp; exit 1\"\n&nbsp; },\n&nbsp; \"keywords\": [\n&nbsp;&nbsp;&nbsp; \"npm\",\n&nbsp;&nbsp;&nbsp; \"ejemplo\",\n&nbsp;&nbsp;&nbsp; \"b&aacute;sico\"\n&nbsp; ],\n&nbsp; \"author\": \"Hostinger Internacional\",\n&nbsp; \"license\": \"MIT\",\n&nbsp; \"dependencies\": {\n&nbsp;&nbsp;&nbsp; \"express\": \"^4.16.4\"\n&nbsp; }\n}\nmymac-MacBok-Pro: test-npm mymac$ []<\/pre><figure class=\"wp-block-image size-large\"><a href=\"\/es\/hosting-web\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-29291\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p class=\"wp-block-paragraph\">Como puedes ver, adem&aacute;s de funcionar como una base de datos en l&iacute;nea para varios paquetes <strong>node.js<\/strong>, un objetivo principal del administrador de paquetes Node es la gesti&oacute;n automatizada de dependencias para los paquetes incluidos en el <strong>package.json<\/strong> con su interfaz de l&iacute;nea de comandos.<\/p><p class=\"wp-block-paragraph\">A modo de resumen, te dejamos algunos comandos b&aacute;sicos que debes saber para:<\/p><ul class=\"wp-block-list\">\n<li><strong>Instalar npm:<\/strong><\/li>\n<\/ul><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ curl https:\/\/npmjs.org\/install.sh | sh<\/pre><ul class=\"wp-block-list\">\n<li><strong>Conocer la versi&oacute;n:<\/strong><\/li>\n<\/ul><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ npm -v<\/pre><ul class=\"wp-block-list\">\n<li><strong>Inicializar un proyecto:<\/strong><\/li>\n<\/ul><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ npm init<\/pre><ul class=\"wp-block-list\">\n<li><strong>Instalar m&oacute;dulos:<\/strong><\/li>\n<\/ul><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ npm install &lt;modulo&gt;\n\n$ npm i &lt;m&oacute;dulo&gt;<\/pre><p class=\"wp-block-paragraph\">&iexcl;Ahora s&iacute;! Hemos llegado al final. Ahora sabes qu&eacute; es npm, c&oacute;mo instalarlo y c&oacute;mo usarlo. Si planeas trabajar con JavaScript, el administrador de paquetes Node es una herramienta indispensable para el flujo de trabajo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>npm es el Node Package Manager que viene incluido y ayuda a cada desarrollo asociado a Node. Durante a&ntilde;os, Node ha sido ampliamente utilizado por los desarrolladores de JavaScript para compartir herramientas, instalar varios m&oacute;dulos y administrar sus dependencias. Es por eso que es fundamental que las personas que trabajan con Node.js entiendan qu&eacute; es [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/es\/tutoriales\/que-es-npm\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":138,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"\u00bfQu\u00e9 es npm? Una Introducci\u00f3n B\u00e1sica Para Principiantes %page%","rank_math_description":"\u00bfQu\u00e9 es npm? Un directorio en l\u00ednea y una herramienta de l\u00ednea de comandos para instalar y administrar paquetes Node. \u00a1Aprende m\u00e1s aqu\u00ed!","rank_math_focus_keyword":"qu\u00e9 es npm","footnotes":""},"categories":[8284],"tags":[11926,11925],"class_list":["post-9640","post","type-post","status-publish","format-standard","hentry","category-glosario","tag-npm","tag-que-es-npm"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/what-is-npm\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/o-que-e-npm\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/quest-ce-que-npm\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/que-es-npm\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/apa-itu-npm\/","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/http-error-when-uploading-images-to-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/what-is-npm-a-basic-introduction-for-beginners\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/what-is-npm-a-basic-introduction-for-beginners\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/what-is-npm\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/what-is-npm\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/what-is-npm\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/what-is-npm\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/what-is-npm\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/que-es-npm\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/que-es-npm\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/que-es-npm\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/o-que-e-npm\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/9640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/comments?post=9640"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/9640\/revisions"}],"predecessor-version":[{"id":28928,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/9640\/revisions\/28928"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media?parent=9640"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/categories?post=9640"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/tags?post=9640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}