Diferencias

Muestra las diferencias entre dos versiones de la página.

--- clase:daw:proyecto:1eval:tema01 [2026/10/15 17:46] – Nuevo subapartado «Ejecutar herramientas con npx» en Instalar NodeJS claude
+++ clase:daw:proyecto:1eval:tema01 [2026/10/22 09:08] (actual) – [UTF-8] Lorenzo
@@ Línea 499: / Línea 499: @@
-==== Ejecutar herramientas con npx ====
+===== Ejecutar herramientas con npx =====
-Muchas herramientas de desarrollo web se distribuyen como paquetes de npm que se ejecutan desde la terminal. ''npx'' ejecuta una de esas herramientas sin tener que instalarla: la descarga a una caché, la ejecuta y listo.
+Muchas herramientas de desarrollo web se distribuyen como paquetes de npm que son programas de terminal: generadores de proyectos, instaladores, compiladores. Para usarlas hay que entender qué hace cada orden:
+  * ''npm'' **instala paquetes, no ejecuta nada**. Lo único que sabe hacer es dejar un paquete en ''node_modules'' del proyecto o en la carpeta global. No puede crear ficheros en tu proyecto ni preguntarte nada.
+  * ''npx'' **ejecuta el programa de un paquete**. Si el paquete no está instalado, lo descarga a una caché, lo ejecuta y no deja nada instalado.
+Por eso un generador de proyectos como ''create-vite'' se lanza con ''npx'' y no con ''npm'': es un programa que se ejecuta una vez para crear ficheros. Hacerlo con ''npm'' serían tres pasos, instalarlo en global, ejecutarlo y desinstalarlo:
+<sxh bash>
+npm install -g create-vite
+create-vite
+npm uninstall -g create-vite
+</sxh>
+''npx create-vite'' hace esos tres pasos en uno.
   * Ejecutar una herramienta. Si no está instalada, ''npx'' la descarga y la ejecuta
@@ Línea 508: / Línea 521: @@
 </sxh>
-  * Ejecutar la última versión del paquete, aunque haya otra en la caché. Es lo habitual en los instaladores que se lanzan una sola vez
+  * Ejecutar la última versión del paquete, aunque haya otra en la caché. Es lo habitual en los generadores de proyectos, que se lanzan una sola vez
 <sxh bash>
-npx cc-sdd@latest
+npx create-vite@latest
 </sxh>
@@ Línea 522: / Línea 535: @@
 <note tip>
-''npm'' instala paquetes; ''npx'' los ejecuta. Para una herramienta que se usa una vez (un instalador, un generador de proyectos) es mejor ''npx'' que ''npm install -g'': no deja nada instalado en el sistema.
+Resumen: lo que el proyecto necesita para funcionar o compilar (una librería, ''typescript'') se instala con ''npm install'', que lo apunta en ''package.json''. Un programa que se ejecuta una vez y no forma parte del proyecto (un generador, un instalador) se lanza con ''npx''.
 </note>
@@ Línea 601: / Línea 614: @@
-^  Carácter  ^  Code point  ^  UTF-8  ^  Interpretacion erronea en ISO 8859-1  ^
+^  Carácter  ^  Code point  ^  UTF-8  ^  Número en ISO 8859-1  ^  Interpretación errónea en ISO 8859-1  ^
-|  á  |  ''U+00E1''  |  ''C3 A1''  |   Ã¡  |
+|  á  |  ''U+00E1''  |  ''C3 A1''  |  ''E1'' (225)  |  Ã¡  |
-|  é  |  ''U+00E9''  |  ''C3 A9''  |  Ã©  |
+|  é  |  ''U+00E9''  |  ''C3 A9''  |  ''E9'' (233)  |  Ã©  |
-|  í  |  ''U+00ED''  |  ''C3 AD''  |  Ã³  |
+|  í  |  ''U+00ED''  |  ''C3 AD''  |  ''ED'' (237)  |  Ã  |
-|  ó  |  ''U+00F3''  |  ''C3 B3''  |  Ã-  |
+|  ó  |  ''U+00F3''  |  ''C3 B3''  |  ''F3'' (243)  |  Ã³  |
-|  ú  |  ''U+00FA''  |  ''C3 BA''  |  Ãº  |
+|  ú  |  ''U+00FA''  |  ''C3 BA''  |  ''FA'' (250)  |  Ãº  |
-|  ñ  |  ''U+00F1''  |  ''C3 B1''  |  Ã±  |
+|  ñ  |  ''U+00F1''  |  ''C3 B1''  |  ''F1'' (241)  |  Ã±  |
-|  💩  |  ''U+1F4A9''  |  ''F0 9F 92 A9''  |  ðŸ’©  |
+|  💩  |  ''U+1F4A9''  |  ''F0 9F 92 A9''  |  No existe  |  ðŸ’©  |
+|  A  |  ''U+0041''  |  ''41''  |  ''41'' (65)  |  A  |
+|  B  |  ''U+0042''  |  ''42''  |  ''42'' (66)  |  B  |
+|  C  |  ''U+0043''  |  ''43''  |  ''43'' (67)  |  C  |
@@ Línea 705: / Línea 721: @@
 ==== Ejercicio 8 ====
 Repite el ejercicio anterior pero ahora con un proyecto de Angular.