Definición clara de npm y lo que hace trucos CSS - Aprender Marketing
CSS

Definición clara de npm y lo que hace trucos CSS

Una de las cosas que hace que esta nueva era de desarrollo front-end, cargada de herramientas, sea tan difícil de entender al principio es que, aunque a menudo llamar cosas con un solo nombre, generalmente constan de varias partes diferentes interconectadas. Lo mismo ocurre con npm y el ecosistema que lo rodea.

Por ejemplo: piense en lo descuidados que somos con Internet, a pesar de que la red en sí misma no es una cosa unificada, sino una colección de protocolos, DNS, servidores, navegadores, redes, consultas y respuestas, además de muchas otras cosas reunidas en el años iteraciones En este sentido, incluso el navegador en sí es una máquina con muchas partes.

Capítulos del manual

  1. ¿Para quién diablos es esta guía?
  2. ¿Qué diablos significa «npm»? (¡Estás aquí!)
  3. ¿Qué diablos es la línea de comandos?
  4. ¿Qué diablos es Nodo?
  5. ¿Qué diablos es un administrador de paquetes?
  6. ¿Cómo diablos se instala npm?
  7. ¿Cómo diablos instalas los paquetes npm?
  8. ¿Qué demonios son los comandos npm?
  9. ¿Cómo diablos se instala un proyecto npm existente?

npm es una colección de tecnologías

De la misma manera, lo que solemos considerar como ‘npm’ (sí, todas las letras minúsculas) y, en particular, ‘back-of-the-front-end’ es un nombre para una colección de muchas tecnologías y sistemas individuales diferentes; una especie de La máquina de frotar Goldberg para generar código compatible con el navegador.

Ya he mencionado la línea de comandos; esta es una gran parte del ecosistema porque así es como interactuamos con él. Pero más sobre eso en el próximo capítulo.

Y luego está npm, que pertenece a una categoría conocida como software de administración de paquetes. Cubriremos eso también. De hecho, probablemente me verá mencionar a npm como administrador de paquetes a lo largo de esta guía.

Finalmente, hay nodo en sí mismo, que es tan difícil de explicar brevemente que a menudo lo describo parafraseando douglas adams: este es un lenguaje de programación que es casi, pero no del todo, como JavaScript.

npm administra las herramientas del proyecto

Hay muchos proyectos en los que escribe para turbidez adicional del agua. npm install la línea de comando puede venir con herramientas preinstaladas para ayudarlo a hacer una amplia variedad de cosas en su proyecto, como procesar su código (por ejemplo, convertir el código Sass en CSS). Hay muchos proyectos preconfigurados y multifuncionales esperando a que los instales y comiences (Crear una aplicación Reaccionar, El siguiente, Siguiente, y SvelteKitpara nombrar unos pocos). Esto es útil cuando se hace bien, por supuesto, pero también es una complicación adicional, lo que significa muchos más nombres para agregar a nuestra lista de cosas de atrás hacia adelante.

Esta lista a menudo incluye herramientas como Babilonia (para compilar JavaScript), Insolente (para compilar CSS), paquete web (para agrupar activos), Vite (para servidores de desarrollo y otras herramientas), PostCSS (transformar una sintaxis en otra); Prefijo automático (que puede ser un complemento de PostCSS para prefijos de proveedores de CSS); Mecanografiado (para sintaxis JavaScript adicional); ESlint (para comprobar la calidad del código); Mejor (para el formato de código) y bibliotecas de prueba como una broma o ciprés.

npm es como un edificio de biblioteca con pisos de colecciones de libros que están organizados, lo que hace que las cosas sean más fáciles de encontrar y administrar (Foto: johannes mendle Sobre Unsplash)

Todas estas cosas (y más) entran en esta amplia categoría general de herramientas que a menudo vienen s proyectos instalados por npm, o que se pueden instalar y usar a través de npm, pero en realidad no son parte de npm en sí. Son solo ejemplos de herramientas modernas que nos ayudan a hacer cosas buenas con nuestro código, y las menciono aquí solo porque vale la pena notar la diferencia para entender dónde están los límites en este gran mundo nuevo.

Y por cierto, si no supieras lo que más (o todos los tipos) de estas herramientas mencionadas anteriormente está bien. Es posible que aún no los haya encontrado o que haya trabajado en un proyecto que los instaló sin conocerlos por su nombre. De cualquier manera, todo es solo para contexto adicional.

rompamos aquí

Si ya te sientes un poco abrumado en este punto: no te preocupes. Lo principal que quiero que deje después de leer este capítulo en particular es que lo que pensamos como «npm» (o tal vez más casualmente como «toda esta línea de comando, cosas de back-end») no es realmente una cosa, es Una colección de cosas que trabajan juntas para facilitarnos el desarrollo.

Y sí: aunque toda esta complicación parece aterradora desde el frente, lo hace derecho en realidad mejorará las cosas. Lo prometo.

Mientras que la parte delantera Parece moverse muy rápido, no, no estas abandonadoEs posible que solo tenga un poco de educación continua para ponerse al día.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Botón volver arriba