Una mirada en profundidad a la línea de comando trucos CSS - Aprender Marketing
CSS

Una mirada en profundidad a la línea de comando trucos CSS

Ahora que sabemos lo que significa npm y tenemos una excelente descripción general de lo que hace y cómo encaja en el desarrollo web, debemos tomarnos un tiempo para observar la línea de comandos, porque así es como interactuamos con npm.

Capítulos del manual

  1. ¿Para quién diablos es esta guía?
  2. ¿Qué diablos significa «npm»?
  3. ¿Qué diablos es la línea de comando? (¡Estás aquí!)
  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?

Descripción general de la línea de comandos

La línea de comando es un lugar al que podemos ingresar (bastante predecible) comandos para ejecutar directamente desde nuestro ordenador. Es extremadamente rápido y permite mayores privilegios de administrador que la mayoría de las aplicaciones que intentan procesar la línea de comandos por usted. ¿Necesita instalar algo en su sistema o tal vez actualizarlo? La línea de comandos puede hacer esto, sin mencionar desinstalarlos. Demonios, incluso los lenguajes del lado del servidor pueden ejecutarse en la línea de comandos, lo que abre una amplia gama de herramientas y técnicas de desarrollo.

Por estas razones, la línea de comandos se considera una herramienta indispensable para muchos desarrolladores. Incluso si no es un desarrollador, es probable que haya encontrado la línea de comandos en algún momento. Es posible que haya hecho esto cuando abrió la aplicación Terminal en MacOS. Es posible que haya utilizado uno integrado directamente en su editor de código:código VS y muchos otros editores de código vienen con una terminal integrada. Es posible que incluso te hayas topado con aplicaciones de terminales de terceros, como iTérmino o Hiper.

Si ha usado la terminal, es posible que gran parte del uso de la línea de comandos hasta ahora sea simplemente ingresar (o colocar) comandos que alguien le ha dado. Esto es bueno; así es como solemos hacer las cosas.

Pero tomemos un tiempo para entender exactamente qué es la línea de comando es, y por qué se usa tan ampliamente.

Línea de comando contra una terminal

La «línea de comando» y la «terminal» son técnicamente dos cosas diferentes y diferentes, pero a menudo se usan indistintamente. También puede escuchar la línea de comando llamada «shell» o verla abreviada como «CLI», que es la abreviatura de interfaz lineal de «línea de comando».

Dejando de lado las distinciones pedantes, los términos se usan a menudo para significar casi lo mismo. Entonces, para simplificar las cosas de la manera más simple posible, las usaré indistintamente de ahora en adelante.

Abrir un símbolo del sistema

Como quiera llamarlo, probablemente conozca la línea de comandos como esa ventana de aspecto aterrador, quizás con un fondo oscuro y texto blanco (a veces verdoso), donde ingresa comandos que su computadora parece entender, incluso si usted no lo hace. .

Captura de pantalla de una ventana abierta en blanco de la terminal con un fondo oscuro.
De manera predeterminada, la ventana de la terminal probablemente tenga este aspecto, aunque su apariencia puede variar.

Dependiendo de dónde y cómo trabaje en la línea de comandos, una de las primeras cosas que puede notar es un signo de dólar discreto. $, esto aparece en la primera línea donde puede comenzar a escribir. Es posible que incluso lo hayas visto en otros artículos o documentación.

Esta captura de pantalla de la documentación de Vue para usar npm incluye el signo $ en un ejemplo de comando.

Una convención común es prefijar los comandos con un $ símbolo – pero esta es una convención confusa con seguridad. Esto se debe a que no necesita ingresarlo. esto es literalmente No parte del equipo En lugar de, $ significa un comando que está destinado a ser ejecutado en una terminal.

Esta es la primera regla que debe conocer para trabajar con la línea de comando: si se encuentra escribiendo o copiando una instrucción que incluye $ sepa que no necesita incluirlo en su trabajo; el terminal lo cubre.

## No need to copy the $
$ npm run build

Es posible que vea otra línea de inicio en su lugar $tal como >, _ , o incluso una flecha. Nuevamente, es casi seguro que nada debe ingresarse o colocarse directamente en la línea de comando. Si la documentación u otras lecciones deben incluir el carácter de apertura de la línea o no, es una conversación completamente diferente (una que Chris ha discutido extensamente). Tiene el potencial de ser confuso de todos modos, así que quiero asegurarme de que se llame.

¿Qué hace la línea de comandos?

Las películas y los programas de televisión a menudo presentan una terminal como algo que los piratas informáticos usan para escribir rápidamente en una habitación oscura y apartada. Está en parte solo porque es muy divertido para las personas que probablemente no reconocerían una terminal real por las letras en cascada en La matriz. (Tampoco deberían ellos; no podría decir si la operación representada en el programa de televisión fue precisa y estoy completamente satisfecho, dejando esta distinción a los profesionales).

Pero la línea de comandos no es exactamente para escribir código. Como sugiere el nombre «línea de comando», es para escribir comandos Supongo que podrías decir eso todo la codificación es algo así como un comando, por lo que, por supuesto, esto es un poco borroso. Pero, en términos generales, el código en una terminal se escribe de manera diferente que en un editor de código. En cambio, usa la terminal para controlar su computadora con los comandos que desea ejecutar inmediatamente.

Las ventajas de la línea de comandos

Quizás se pregunte por qué a los desarrolladores les gusta trabajar en la línea de comandos en primer lugar. Es posible que prefiera una aplicación agradable o una interfaz gráfica de usuario (GUI para abreviar, a veces pronunciado «viscoso»), donde puede ver todas tus opciones y encuentra la mejor visualmente. Esto está perfectamente bien y hablaremos un poco sobre la GUI en este capítulo y proporcionaremos ejemplos de ellos.

Muchos desarrolladores se sienten así, aunque no lo parezca. Pero trabajar en la línea de comandos tiene algunas ventajas que no siempre son fáciles de reproducir en una aplicación visual.

Te da privilegios de sistema similares

La línea de comandos es lo que los informáticos llaman un «entorno privilegiado». Esto puede sonar como una casa fraternal en Yale, pero solo significa que este es un lugar donde hay muy pocas restricciones sobre lo que se le permite hacer; lugar sin barandas.

De ahí la reputación desalentadora de la línea de comandos: cualquier comando que ingrese, siempre que sea válido, se ejecuta de inmediato y, a menudo, de manera irreversible. Es capaz de interactuar con archivos ocultos que su sistema operativo está tratando de evitar que edite. tener energía para acceder a todo en el sistema Incluso tiene la autoridad para interactuar con tales archivos centrales en un servidor remoto, y todos conocemos el dicho de que una gran responsabilidad viene con este tipo de poder.

Puede ser útil pensar en la línea de comando como un guardia de seguridad perezoso. eso te sugiere siempre sabe lo que estás haciendo y te deja pasar por la entrada Esto lo hace un poco arriesgado, sí, pero también lo convierte en una opción muy poderosa y perfecta para ciertas tareas y proyectos.

es súper rápido

Otra ventaja de la línea de comandos sobre las aplicaciones típicas es: es rápido.

Este no es siempre el caso; la velocidad de la línea de comandos suele estar sobreestimada y depende en gran medida de la tarea en cuestión. Pero cuando es más rápido, a menudo puede ser muchas veces Además, el lugar donde realmente brilla la línea de comandos suele ser el lugar exacto donde los proyectos de código necesitan más velocidad, que es la descarga y la creación de archivos.

Como veremos en otros capítulos de esta guía, una parte clave de lo que hace npm es instalar cosas en su máquina (generalmente en una carpeta dedicada al proyecto en el que está trabajando). Esto hace que la línea de comandos sea excelente para trabajar con un administrador de paquetes (descubriremos lo que eso significa) como npm: descarga y transfiere archivos entre computadoras, generalmente muchos, mucho más rápido que, por ejemplo, usar un navegador para hacerlo.

La línea de comandos permite que npm genere toneladas de archivos a velocidades increíbles. La capacidad de ejecutar un solo comando que instala, actualiza o elimina estos archivos junto con un solo deslizamiento a alta velocidad hace que la terminal sea la herramienta más rápida y eficiente para muchas estaciones de trabajo.

Hace lo que otros lenguajes no pueden

Otra razón por la que trabajar en la terminal es tan rentable es que aquí es donde muchas de las herramientas que puede querer usar en su proyecto ya están disponibles para usted sin configuración adicional.

Pero retrocedamos un poco.

Cuando escuche la frase «lenguaje del lado del servidor», puede pensar en PHP, Ruby o Java. Tal vez estos sean registros aún más nuevos en el espacio, como Rust o Go. Es posible que ya sepa que Node pertenece a esta lista, pero si no, disculpe por saltar un poco más.

Sin embargo, cuando la mayoría de las personas piensan en lenguajes del lado del servidor como estos, tienden a pensar en un servidor web que espera solicitudes y luego responde a ellas. WordPress, por ejemplo, no funciona hasta que recibe una consulta que activa PHP. Cuando envía un nuevo tweet, es una solicitud de los servidores de Twitter que finalmente llega al método Ruby en Rails.

Los lenguajes del lado del servidor se consideran, con razón, más poderosos, por así decirlo, que los lenguajes web. HTML, CSS y JavaScript son excelentes, pero no pueden funcionar con un sistema de archivos, enviar correos electrónicos, procesar imágenes, emitir comandos del sistema, interactuar con el sistema operativo o realizar tareas programadas; entre muchas, muchas otras cosas que una aplicación o sitio web puede necesitar hacer. Por JavaScript predeterminado en el navegador ni siquiera puede correr a menos que alguien esté viendo activamente la página web en su navegador.

Es normal pensar en los lenguajes del lado del servidor como la poderosa máquina detrás de aplicaciones y software más estables. Y en muchos casos esto es cierto. Pero tomemos un momento para admitir que para propósitos de ejecución de código, su máquina es un servidor. No un web servidor aunque (es pudo ser uno, pero eso sería extraño y probablemente irrazonable). Pero sigue siendo un servidor.

Imagen de una computadora portátil que está medio cerrada con una hoja de papel amarillo que dice Este 9 es un servidor (sí, en serio), ¡no cierre la tapa!
Probablemente no piense en su máquina como un servidor, ni debería hacerlo, pero puede ejecutar lenguajes de programación del lado del servidor.

Puede instalar y ejecutar cualquiera de los lenguajes del lado del servidor que mencionamos, y es posible que ya lo haya hecho en algún momento (o al menos lo haya intentado). Es posible que haya instalado PHP para poder ejecutar WordPress (aunque hoy en día existen formas mucho mejores de hacerlo), o puede que haya instalado Ruby para poder seguir algunos tutoriales de Rails solo como ejemplos.

O tal vez no. Es posible que nunca antes hayas instalado un lenguaje de programación completo. De cualquier manera, solo debes saber que estos lenguajes funcionan en un servidor en lugar de un navegador web, y para este propósito su máquina es un servidor.

Además, muchas de las herramientas que puede querer usar con su flujo de trabajo de desarrollo, como Sass para compilar CSS, son en realidad correr en lenguajes del lado del servidor Por lo tanto, usar la línea de comando lo coloca donde todas las herramientas más poderosas son fácilmente accesibles.

Use una aplicación en lugar de la línea de comando

Anteriormente en este artículo, mencionamos brevemente la GUI. Vale la pena señalar que algunas tareas de la línea de comandos tienen GUI correspondientes que hacen que trabajar con la línea de comandos sea más visual y programático.

Buenos ejemplos incluyen Escritorio GitHub (para la gestión del repositorio de código) y Kit de código (para procesar, agrupar y compilar activos), aunque la sección de control de fuente en VS Code también cumple con los requisitos. Aunque las GUI como estas generalmente se enfocan en tareas específicas, le permiten hacer cosas a través de una interfaz de usuario visual agradable, en una ventana de aplicación real que está fuera de la ventana de la terminal.

Captura de pantalla de la aplicación CodeKit después de iniciar ESlint, que muestra cómo una aplicación puede visualizar la línea de comandos.
CodeKit puede ejecutar un comando para verificar el formato del código con herramientas como ESLint sin usar la línea de comando directamente.

Es genial tener la GUI como una opción, y aunque he encontrado que es muy conveniente trabajar en la línea de comandos a lo largo de los años, aún desearía que hubiera más interfaces gráficas para hacer las cosas que la línea de comandos hace posible, y para mi conveniencia personal y para reducir la barrera de entrada para nuevos desarrolladores.

Sin embargo, creo que la razón por la que no hay más aplicaciones de este tipo es la velocidad. Es mucho más rápido y fácil crear una interfaz de línea de comandos (CLI) que crear una aplicación completa, a menudo del orden de magnitud Entonces, si queremos cosas buenas hoy dia, la línea de comando es a menudo donde debemos ir por ellos.

Qué sigue

Pasamos un tiempo familiarizándonos con la línea de comandos, aunque la línea de comandos no es así. específico a npm, esto es lo básico para el trabajo s npm. Esta es la interfaz desde la cual le decimos al sistema qué hacer, dándonos una autoridad increíble a nivel de sistema o servidor para realizar tareas en grandes áreas a una velocidad vertiginosa. Como administrador de paquetes, npm se dedica a instalar, actualizar y eliminar archivos (entre otras cosas) para un proyecto web. La línea de comandos es la forma en que nos comunicamos con npm para hacer todo esto.

Luego, desglosaremos un poco más qué es npm centrándonos en la primera letra de la abreviatura: «n» para Node. ¿Qué diablos es esto y por qué está en el nombre? Aquí es donde dirigimos nuestro enfoque después de eso.

Deja una respuesta

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

Botón volver arriba