Trucos de las 8 npm que puede utilizar para impresionar a sus colegas

Miras a un colega codificando, se está aplicando una taquigrafía o truco, de alguna manera no estás familiarizado con él y tu mente se vuelve loca. Nos pasa a todos todo el tiempo.

En esta breve publicación, revelaremos algunos trucos de npm muy útiles. Hay muchos más de los que podemos cubrir aquí, así que elegí centrarme en aquellos que son más relevantes y útiles para nuestro flujo de trabajo diario como desarrolladores.

Taquigrafía básica antes de empezar

Para que todos estén alineados, especialmente los recién llegados entre nosotros, tengamos una descripción general rápida de las abreviaturas básicas y asegurémonos de que nadie se pierda nada trivial.

Instalación de un paquete:

Regular: npm install pkg, taquigrafía: npm i pkg.

Instalación de un paquete a nivel mundial:

Regular: npm i --global pkg, taquigrafía: npm i -g pkg.

Instalar un paquete y guardarlo como dependencia:

Regular: npm i --save pkg, taquigrafía: npm i -S pkg.

Instalar un paquete y guardarlo como devDependency:

Regular: npm i --save-dev pkg, taquigrafía: npm i -D pkg.

Para obtener más abreviaturas, lea la propia lista de abreviaturas de npm.

Comencemos ahora con las cosas interesantes.

1. Inicialización de un nuevo paquete

Todos sabemos npm initque es lo primero que hacemos al crear un nuevo paquete.

Pero todas esas preguntas son bastante molestas y las modificaremos de todos modos, así que ¿por qué no simplemente evitarlas?

npm init -yy npm init -fal rescate!

2. Ejecución de pruebas

Otro comando que todos usamos es npm test. La mayoría de nosotros lo usamos todos los días, varias veces al día.

¿Y si te dijera que puedes hacer lo mismo con ~ 40% menos de caracteres? Lo usamos mucho, así que es una buena victoria.

¡Afortunadamente, hay npm t, que hace exactamente eso!

3. Enumere los scripts disponibles

Llegamos a un nuevo proyecto y nos preguntamos cómo empezar. Solemos preguntarnos cosas como: ¿cómo lo hacemos funcionar? ¿Qué scripts están disponibles?

Una forma de descubrirlo es abrir el archivo package.json y consultar la scriptssección.

Por supuesto, podemos hacerlo mejor, así que simplemente ejecutamos npm runy obtenemos una lista de todos los scripts disponibles.

La opción adicional es instalar ntl( npm i -g ntl) y luego ejecutar ntlen la carpeta del proyecto. También permite ejecutar los scripts, lo que lo hace muy conveniente.

4. Lista de paquetes instalados

De manera similar a los scripts disponibles, a veces nos preguntamos qué dependencias tenemos en nuestro proyecto.

Una vez más podemos abrir el archivo package.json y verificar, pero ya sabemos que podemos hacerlo mejor.

Conoce npm ls --depth 0.

Para una lista de los paquetes instalados globalmente, podemos ejecutar lo mismo con -gla bandera, npm ls -g --depth 0.

5. Ejecutar ejecutables instalados localmente

Instalamos un paquete en nuestro proyecto, viene con un ejecutable, pero solo funciona cuando lo ejecutamos a través de un script npm. ¿Te preguntaste por qué o cómo superarlo?

Primero, entendamos por qué: cuando ejecutamos comandos en nuestra terminal, lo que realmente sucede es que busca un ejecutable con el mismo nombre en todas las rutas que se enumeran en nuestra PATHvariable de entorno. Así es como están disponibles mágicamente desde cualquier lugar. Los paquetes instalados localmente registran sus ejecutables localmente, por lo que no se enumeran en nuestro PATHy no se encontrarán.

¿Cómo funciona cuando ejecutamos esos ejecutables a través de un script npm? ¡Buena pregunta! Es porque cuando se ejecuta de esta manera, npm hace un pequeño truco y agrega una carpeta adicional a nuestro PATH, /node_modules / .bin.

Puedes verlo corriendo npm run env | grep "$PATH". También puede ejecutar solo npm run envpara ver todas las variables de entorno disponibles, npm agrega algunas cosas más interesantes.

node_modules/.bin, si se preguntaba, es exactamente donde los paquetes instalados localmente colocan sus ejecutables.

Ejecutemos ./node_modules/.bin/mochaen el directorio de nuestro proyecto para verlo en acción.

Simple, ¿verdad? Solo corre./node_modules/.bin/ nd> whenever you want to run a locally-installed executable.

6. Find your package on the internet

You might came across the repository entry in the package.json file and wondered: “What is it good for?”.

To answer it, simply run npm repo and watch it open in your browser .

Same applies, by the way, for the npm home command and the homepage entry.

If you want to open your package page on npmjs.com, there’s a nice shorthand for that as well, npm docs.

7. Run scripts before and after other scripts

You’re probably familiar with scripts such as pretest, which allows you to define code that would run before the test script.

What you might be surprised to find out, is that you can have pre and post scripts for every script, including your own custom scripts!

It’s very useful for projects in which you use npm as your build tool and have many scripts you need to orchestrate.

8. Bumping package’s version

You have a package, you use semver for versioning, and you need to bump the version before a new release.

One way to do this is to open the package.json file and change the version manually, but we’re not here for that.

An easier way is to run npm version with major, minor or patch.

That’s all for now.

I hope you learned something new and found at least one of those tricks useful for your day-to-day workflow, and ideally you also know npm better now and have some new ideas for how you can utilize it better in your job.

Impressing your colleagues is great, but constantly learning new things and being more professional is even better!

If you know additional useful tricks, please share them in the comments!