de Adir Amsalem

Trucuri de 8 npm pe care le puteți folosi pentru a vă impresiona colegii

Trucuri de 8 npm pe care le puteti folosi pentru
Credite: npmjs.org

Urmăriți un coleg codificându-se, se aplică o stenografie sau un truc, cumva nu sunteți familiarizați cu asta și mintea vă suflă. Se întâmplă tuturor cu noi tot timpul.

În această scurtă postare vă vom dezvălui câteva trucuri npm foarte utile. Există multe altele decât ceea ce putem acoperi aici, așa că am ales să mă concentrez asupra celor care sunt cele mai relevante și utile pentru fluxul nostru de lucru de zi cu zi ca dezvoltatori.

Stenografii de bază înainte de a începe

Pentru a alinia pe toată lumea, în special pe noii veniți dintre noi, să avem o prezentare rapidă a stenogramelor de bază și să ne asigurăm că nimănui nu îi lipsește nimic banal.

Instalarea unui pachet:

Regulat: npm install pkg, Stenografie: npm i pkg.

Instalarea unui pachet la nivel global:

Regulat: npm i --global pkg, Stenografie: npm i -g pkg.

Instalarea unui pachet și salvarea acestuia ca dependență:

Regulat: npm i --save pkg, Stenografie: npm i -S pkg.

Instalarea unui pachet și salvarea acestuia ca devDependency:

Regulat: npm i --save-dev pkg, Stenografie: npm i -D pkg.

Pentru stenografii suplimentare, citiți propriul npm listă stenogramă.

Să începem cu lucrurile interesante acum.

1. Inițializarea unui nou pachet

Toti stim npm init, este primul lucru pe care îl facem atunci când creăm un pachet nou.

Trucuri de 8 npm pe care le puteti folosi pentru

Dar toate aceste întrebări sunt destul de enervante și o vom modifica oricum, așa că de ce să nu o evităm?

npm init -y și npm init -f la salvare!

1612037826 868 Trucuri de 8 npm pe care le puteti folosi pentru

2. Rularea testelor

O altă comandă pe care o folosim cu toții este npm test. Majoritatea dintre noi îl folosim în fiecare zi, de mai multe ori pe zi.

1612037826 633 Trucuri de 8 npm pe care le puteti folosi pentru

Dacă ți-aș spune că poți face același lucru cu ~ 40% mai puține caractere? O folosim atât de mult, deci este un câștig frumos.

Din fericire, există npm t, ceea ce face exact asta!

1612037827 906 Trucuri de 8 npm pe care le puteti folosi pentru

3. Enumerați scripturile disponibile

Ajungem la un nou proiect și ne întrebăm cum să începem. De obicei ne întrebăm lucruri de genul: cum o conducem? ce scripturi sunt disponibile?

O modalitate de a descoperi este să deschideți fișierul package.json și să verificați fișierul scripts secțiune.

1612037827 514 Trucuri de 8 npm pe care le puteti folosi pentru

Desigur, putem face mai bine, așa că pur și simplu alergăm npm run și obțineți o listă cu toate scripturile disponibile.

1612037827 664 Trucuri de 8 npm pe care le puteti folosi pentru

Opțiunea suplimentară este instalarea ntl (npm i -g ntl), apoi executați ntl în folderul proiectului. De asemenea, permite rularea scripturilor, ceea ce îl face foarte convenabil.

1612037827 174 Trucuri de 8 npm pe care le puteti folosi pentru

4. Enumerați pachetele instalate

Similar cu scripturile disponibile, uneori ne întrebăm ce dependențe avem în proiectul nostru.

Putem deschide încă o dată fișierul package.json și verificăm, dar știm deja că putem face mai bine.

Întâlni npm ls --depth 0.

1612037828 49 Trucuri de 8 npm pe care le puteti folosi pentru

Pentru a lista pachetele instalate la nivel global, putem rula același lucru cu -g steag, npm ls -g --depth 0.

1612037828 701 Trucuri de 8 npm pe care le puteti folosi pentru

5. Rularea executabilelor instalate local

Am instalat un pachet în proiectul nostru, vine cu un executabil, dar funcționează numai când îl rulăm printr-un script npm. Te-ai întrebat de ce sau cum să-l depășești?

Mai întâi, să înțelegem de ce – când executăm comenzi în terminalul nostru, ceea ce se întâmplă de fapt este că acesta caută un executabil cu același nume în toate căile listate în PATH variabilă de mediu. Așa sunt disponibile magic de oriunde. Pachetele instalate local își înregistrează executabilele local, deci nu sunt listate în PATH și nu va fi găsit.

Cum funcționează atunci când rulăm acele executabile printr-un script npm pe care îl întrebați? Buna intrebare! Acest lucru se datorează faptului că atunci când rulează în acest fel, npm face un mic truc și adaugă un dosar suplimentar la PATH, <project-directory>/node_modules / .bin.

O puteți vedea rulând npm run env | grep "$PATH". De asemenea, puteți rula doar npm run env pentru a vedea toate variabilele de mediu disponibile, npm adaugă câteva lucruri mai interesante.

node_modules/.bin, dacă v-ați întrebat, este exact locul în care pachetele instalate local își plasează executabilele.

Să fugim ./node_modules/.bin/mocha în directorul proiectului nostru pentru a-l vedea în acțiune.

1612037828 597 Trucuri de 8 npm pe care le puteti folosi pentru

Simplu, nu? Doar fugi ./node_modules/.bin/<command> ori de câte ori doriți să rulați un executabil instalat local.

6. Găsește-ți pachetul pe internet

S-ar putea să dai peste repository intrare în fișierul package.json și m-am întrebat: „La ce servește?”.

Pentru a răspunde, pur și simplu alergați npm repo și urmăriți-l deschis în browserul dvs.

Același lucru se aplică, apropo, pentru npm home comandă și homepage intrare.

Dacă doriți să deschideți pagina pachetului pe npmjs.com, există o stenografie drăguță și pentru asta, npm docs.

7. Rulați scripturi înainte și după alte scripturi

Probabil că sunteți familiarizați cu scripturi precum pretest, care vă permite să definiți codul care ar rula înainte de test scenariu.

Ceea ce ați putea fi surprins să aflați este că puteți avea pre și post scripturi pentru fiecare script, inclusiv scripturile dvs. personalizate!

1612037828 652 Trucuri de 8 npm pe care le puteti folosi pentru

Este foarte util pentru proiectele în care utilizați npm ca instrument de construire și aveți multe scripturi pe care trebuie să le orchestrați.

8. Versiunea pachetului Bumping

Ai un pachet, îl folosești semver pentru versiuni și trebuie să eliminați versiunea înainte de o nouă versiune.

O modalitate de a face acest lucru este să deschideți fișierul package.json și să modificați versiunea manual, dar nu suntem aici pentru asta.

O modalitate mai ușoară este să alergi npm version cu major, minor sau patch.

1612037829 838 Trucuri de 8 npm pe care le puteti folosi pentru

Asta este tot pentru acum.

Sper că ați învățat ceva nou și ați găsit cel puțin unul dintre acele trucuri utile pentru fluxul de lucru de zi cu zi și, în mod ideal, știți și mai bine npm acum și aveți câteva idei noi despre cum îl puteți utiliza mai bine la locul de muncă.

Impresionarea colegilor este minunat, dar învățarea constantă a lucrurilor noi și profesionizarea sunt chiar mai bune!

Dacă știți trucuri utile suplimentare, vă rugăm să le împărtășiți în comentarii!