8 npm trükkök, amelyekkel lenyűgözheti kollégáit

Figyeli, hogy egy kolléga kódol, van egy gyorsírás vagy trükk, valahogy mégsem ismeri ezt, és elméje lefúj. Folyamatosan mindannyiunkkal történik.

Ebben a rövid bejegyzésben nagyon hasznos npm trükköket tárunk fel. Sokkal többről van szó, mint amire itt kitérhetünk, ezért úgy döntöttem, hogy azokra összpontosítok, amelyek fejlesztőként a mindennapi munkafolyamat szempontjából a legrelevánsabbak és leghasznosabbak.

Alapvető rövidítések, mielőtt nekilátnánk

Ahhoz, hogy mindenki összehangolódhasson, különösen az újonnan érkezők közöttünk, legyen egy gyors áttekintés az alapvető gyorsírásokról, és győződjön meg arról, hogy senki sem hiányol semmi apróságot.

Csomag telepítése:

Rendszeres: npm install pkg, gyors-: npm i pkg.

Csomag globális telepítése:

Rendszeres: npm i --global pkg, gyors-: npm i -g pkg.

Csomag telepítése és mentése függőségként:

Rendszeres: npm i --save pkg, gyors-: npm i -S pkg.

Csomag telepítése és mentése devDependency néven:

Rendszeres: npm i --save-dev pkg, gyors-: npm i -D pkg.

További gyorsírásokért olvassa el az npm saját gyorsírás-listáját.

Kezdjük most az érdekes dolgokkal.

1. Új csomag inicializálása

Mindannyian tudjuk npm init, hogy ez az első dolog, amit egy új csomag létrehozásakor teszünk.

De mindezek a kérdések nagyon idegesítőek, és úgyis módosítani fogjuk, miért ne csak elkerülnénk?

npm init -yés npm init -fmegmentésre!

2. Futó tesztek

Egy másik parancs, amelyet mindannyian használunk npm test. Legtöbben mindennap, naponta többször is használjuk.

Mi lenne, ha azt mondanám, hogy ~ 40% -kal kevesebb karakterrel megteheti ugyanezt? Olyan sokat használjuk, így szép győzelem.

Szerencsére van npm t, ami pontosan ezt teszi!

3. Sorolja fel az elérhető szkripteket

Eljutunk egy új projekthez, és azon gondolkodunk, hogyan lehet elindulni. Ilyeneket szoktunk feltenni magunknak: hogyan futtassuk? mely szkriptek érhetők el?

A felfedezés egyik módja a package.json fájl megnyitása és a scriptsszakasz ellenőrzése .

Természetesen jobban is tudunk járni, ezért egyszerűen futtatjuk npm runés megszerezzük az összes elérhető szkript listáját.

További lehetőség a ntl( npm i -g ntl) telepítése , majd ntla projekt mappájában történő futtatás . Ez lehetővé teszi a parancsfájlok futtatását is, ami nagyon kényelmes.

4. Sorolja fel a telepített csomagokat

A rendelkezésre álló szkriptekhez hasonlóan néha feltesszük magunknak a kérdést, hogy mely függőségeink vannak a projektben.

Ismét megnyithatjuk a package.json fájlt, és ellenőrizhetjük, de már tudjuk, hogy jobban tudunk.

Találkozz npm ls --depth 0.

Felsorolni a globálisan telepített csomagokat, tudunk futtatni ugyanazt a -gzászlót, npm ls -g --depth 0.

5. Helyileg telepített futtatható fájlok futtatása

Telepítettünk egy csomagot a projektünkbe, amelyhez tartozik egy futtatható fájl, de csak akkor működik, ha npm szkripten keresztül futtatjuk. Vajon miért, vagy hogyan lehet legyőzni?

Először is, értsük meg, miért - amikor parancsokat hajtunk végre a terminálunkban, valójában az történik, hogy egy azonos nevű futtatható fájlt keres a PATHkörnyezeti változón felsorolt ​​összes útvonalon . Így varázslatosan bárhonnan elérhetők. A helyileg telepített csomagok helyileg regisztrálják a futtatható fájljaikat, ezért nem szerepelnek a listán, PATHés nem is találhatók.

Hogyan működik, amikor ezeket a futtatható fájlokat az Ön által feltett npm szkripten keresztül futtatjuk? Jó kérdés! Ez azért van, mert amikor fut Ezáltal NPM nem egy kis trükk és egy újabb mappát mi PATH, /node_modules / Bin.

Futással láthatja npm run env | grep "$PATH". Futtathatja csak npm run envaz összes elérhető környezeti változó megtekintését, az npm további érdekes dolgokat ad hozzá.

node_modules/.bin, ha kíváncsi, hogy a helyileg telepített csomagok pontosan hol helyezik el a futtatható fájlokat.

Fussunk ./node_modules/.bin/mochaa projekt könyvtárában, hogy lássuk, hogyan működik .

Egyszerű, igaz? Csak fuss./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!