Trikovi od 8 npm kojima možete impresionirati svoje kolege

Gledate kolegu kako kodira, primjenjuje se stenografija ili trik, nekako vam to nije poznato i vaš um puše. Stalno se događa svima nama.

U ovom kratkom postu otkrit ćemo vam vrlo korisne npm trikove. Puno je više od onoga što ovdje možemo pokriti, pa sam se odlučio usredotočiti na one koji su najrelevantniji i korisni za naš svakodnevni tijek rada kao programera.

Osnovni skraćenice prije nego što započnemo

Da bismo se svi poravnali, pogotovo pridošlice među nama, napravimo brz pregled osnovnih skraćenica i pobrinimo se da nitko ne propusti ništa trivijalno.

Instaliranje paketa:

Redovita: npm install pkg, stenogram: npm i pkg.

Globalna instalacija paketa:

Redovita: npm i --global pkg, stenogram: npm i -g pkg.

Instaliranje paketa i spremanje u ovisnost:

Redovita: npm i --save pkg, stenogram: npm i -S pkg.

Instaliranje paketa i spremanje kao devDependency:

Redovita: npm i --save-dev pkg, stenogram: npm i -D pkg.

Za dodatne skraćenice pročitajte npm-ov vlastiti popis stenograma.

Krenimo sada sa zanimljivim stvarima.

1. Inicijalizacija novog paketa

Svi znamo npm init, to je prvo što radimo prilikom stvaranja novog paketa.

Ali, sva su ta pitanja prilično dosadna i svejedno ćemo ih izmijeniti, pa zašto ih jednostavno ne bismo izbjegli?

npm init -yi npm init -fu pomoć!

2. Pokretanje testova

Još jedna naredba koju svi koristimo je npm test. Većina nas ga koristi svaki dan, nekoliko puta dnevno.

Što ako bih vam rekao da to možete učiniti s ~ 40% manje znakova? Toliko ga koristimo, pa je lijepa pobjeda.

Srećom, postoji npm t, što čini upravo to!

3. Navedite dostupne skripte

Dolazimo do novog projekta i pitamo se kako započeti. Obično se pitamo poput: kako to vodimo? koje su skripte dostupne?

Jedan od načina otkrivanja je otvaranje datoteke package.json i provjera scriptsodjeljka.

Naravno, možemo i bolje, pa jednostavno pokrenemo npm runi dobijemo popis svih dostupnih skripti.

Dodatna je mogućnost instalirati ntl( npm i -g ntl), a zatim pokrenuti ntlu mapi projekta. Omogućuje i pokretanje skripti, što ga čini vrlo praktičnim.

4. Navedite instalirane pakete

Slično dostupnim skriptama, ponekad se pitamo koje ovisnosti imamo u našem projektu.

Možemo još jednom otvoriti datoteku package.json i provjeriti, ali već znamo da možemo bolje.

Upoznajte npm ls --depth 0.

Za popis globalno instalirane pakete, možemo raditi isto sa -gzastavom, npm ls -g --depth 0.

5. Pokretanje lokalno instaliranih izvršnih datoteka

U naš smo projekt instalirali paket, dolazi s izvršnom datotekom, ali djeluje samo kada ga pokrenemo putem npm skripte. Jeste li se pitali zašto ili kako to prevladati?

Prvo, shvatimo zašto - kada izvršavamo naredbe u našem terminalu, zapravo se događa to što on traži izvršnu datoteku s istim imenom na svim stazama koje su navedene u našoj PATHvarijabli okruženja. Tako su čarobno dostupni s bilo kojeg mjesta. Lokalno instalirani paketi registriraju svoje izvršne datoteke lokalno, tako da nisu navedeni u našem PATHi neće biti pronađeni.

Kako to funkcionira kada pokrenemo te izvršne datoteke putem npm skripte koju pitate? Dobro pitanje! To je zato što kada se pokreće na ovaj način, npm čini mali trik i dodaje dodatnu mapu u naš PATH, /node_modules / .bin.

To možete vidjeti trčanjem npm run env | grep "$PATH". Također možete pokrenuti samo npm run envda biste vidjeli sve dostupne varijable okruženja, npm dodaje još zanimljivih stvari.

node_modules/.bin, ako ste se pitali, upravo tamo gdje lokalno instalirani paketi stavljaju svoje izvršne datoteke.

Pokrenimo ./node_modules/.bin/mochau direktorij našeg projekta kako bismo ga vidjeli na djelu.

Jednostavno, zar ne? Samo trči./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!