21 moduri de îmbunătățire a productivității cu NPM

Managerul de pachete NODE sau NPM pe scurt, vede în întreaga lume modernă JavaScript. De obicei, își face treaba cu probleme minime, dezvoltatorii tind să uite timpul petrecut folosind-o. În timp ce aceasta nu este o mare problemă, NPM conține un set de caracteristici extrem de nifty care sunt destinate să vă salveze mult timp de valoare.

Ca și în majoritatea optimizărilor, nu fiecare măsură nu este universal aplicabilă. Următorii pași arată că câteva "ar trebui să știe", care au potențialul de a îmbunătăți productivitatea, de a vă face să introduceți mai puțin sau să reduceți timpul de așteptare.

Vrei niște salvatori de timp universali? Ghidul nostru pentru cei mai buni Builder de site-uri web va face crearea de site-uri o briză, Stocare in cloud va eficientiza procesul de colaborare și decent web hosting vă va susține nici un scop.

• 20 pluginuri strălucitoare jQuery

Studiind arta "NPM mai rapidă" nu este un scop în sine. În plus față de a vă permite să obțineți mai mult, arătând abilitățile avansate de consolă este o modalitate sigură de a impresiona colegii și posibilele recrutori - în spațiul de lucru hiper-competitiv de astăzi, orice mic îi ajută, și impresionarea privitorilor cu câteva comenzi rapide de natură reprezintă o modalitate foarte bună de a ridica un ruckus.

În cele din urmă, unii oameni câștigă pur și simplu bucurie de la optimizarea fluxurilor de lucru. Deci, pe scurt, aruncarea unei aspecte la modalități de a tune NPM are întotdeauna sens. Iată câteva dintre cele mai bune NPM-Whacks.

• Ce este nou în nod.js 10?

01. Omoară bara de progres

Pe măsură ce operațiunile NPM pot fi destul de intense în timp, apare o bară de progres. Din păcate, afișarea necesită timp - în unele cazuri, până la 50% din timp este cheltuit actualizarea interfeței cu utilizatorul. Din fericire, puteți elimina bara de progres prin setarea variabilei mediului de progres la FALSE.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace / FutureNpm $
npm set progres = fals
Tamhan @ Tamhan-ThinkPad: ~ / Nodespace / FutureNpm $
npm obține progrese
FALSE 

02. Pachete de tip spawn fără tastare

Repetat, ciocanarea rituală a cheii de întoarcere însoțește crearea de noi proiecte NPM departe și largă. Acest lucru este absolut inutil - pur și simplu treceți parametrul -Da Pentru a confirma toate valorile implicite oferite de asistentul de implementare. NODE.JS generează un pachet implicit.json cu conținutul prezentat în imaginea de mai sus.

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace /
FastNodetest $ npm init -y 

03. Nu introduceți comenzi

Comenzile nodului constau dintr-un verb și unul sau mai mulți parametri. Utilizate în mod obișnuit - "install" vine imediat în minte - poate fi înlocuit cu abrevieri scurte de o singură literă. Din punct de vedere tehnic, NPM I. și instalarea npm. sunt aceleași: singura diferență este cantitatea de tipărire necesară pentru a le introduce.

 NPM Instalați Gulp-Debug
NPM I Gulp-Debug 

04. Omoară și alte verbe

Întâmplător, instalare nu este singura comandă care se datorează unei accelerații. O privire atentă la ieșirea din lista de comandă din figura dezvăluie că configurația, testul, căutarea și alte câteva verbe obțin, de asemenea, tratamentul de abreviere. Utilizarea acestor forme scurte este o modalitate plăcută de a demonstra competența NPM - mai ales dacă le explicați înainte de a le folosi pentru prima dată.

05. Lista tuturor dependențelor

Aflați dacă pachetul A depinde de pachetul B tinde să fie destul de plictisitor. Cu toate acestea, NPM știe acest lucru în mod implicit și își împărtășește cu plăcere cunoștințele cu dvs. Pur și simplu intrați NPM LS. pentru a vă inunda terminalul cu o reprezentare asemănătoare copacilor tuturor dependențelor și sub-dependențelor lor sau puteți limita adâncimea copacului prin trecerea în --Deph = 0. .

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace /
Fastifytest $ npm ls --depth = 0
[email protected] / Home / Tamhan / NordsPace
└── [email protected] 

06. Detectați pachetele învechite

Aplicațiile web de astăzi stau într-o grindină fără sfârșit de atacuri de la greșeli. Găsirea dependențelor învechite în proiectul dvs. bazate pe noduri este acum la fel de ușor ca intrarea NPM depășesc - Programul verifică memoria cache și oferă o listă de suprasolicitat pachete.

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace /
Fastifytest $ npm depășesc
Pachet curent dorit Ultima locație
Fasify 1.11.2 1.13.3 1.13.3 NODESPACE 

07. Găsiți sursa

Majoritatea pachetelor NPM trăiesc într-un depozit GitHub. Aceste site-uri web, de obicei, nu se limitează la furnizarea codului sursă de pachete - în majoritatea cazurilor, puteți găsi și mostre și documentație utile. Deschideți adresa URL asociată cu pachetul dvs. introducând repo & lt; packagenme & gt; - În majoritatea cazurilor, site-ul de depozitare va apărea în browserul stației dvs. de lucru.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ npm repo
Fasify 

08. Inspectați un pachet

Fișierele personalizate ale pachetelor conțin informații valoroase. Introducerea vizualizării NPM sau stenografia sa v , Afișează prezentarea generală a imaginii în screenshot care însoțește acest pas. Printre altele, veți afla, de obicei, despre cea mai recentă versiune beta și stabilă, împreună cu informații despre format de distribuție și întreținere.

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm vedere
jQuery 

09. Găsiți nume exacte

Figura care însoțește pasul 08 prezintă o declarație care ne informează că 48 de versiuni ale bibliotecii sunt disponibile. Identificând numele lor exacte este cel mai bine realizat printr-o versiune specializată a npm v. - dau o listă a tuturor șirurilor cunoscute. Rețineți că listarea care însoțește acest pas a trebuit să fie abreviată din motive de tipărire.

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm v
Versiuni jQuery.
['1.5.1',
"1.6.2",
. . .
"3.0.0-alfa1",
"3.0.0-beta1 ',
"3.0.0-RC1,
"3.0.0",
"3.1.0",
"3.1.1",
"3.2.0",
"3.2.1",
"3.3.0",
"3.3.1"
Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ 

10. Găsiți nume de pachete necunoscute

Pentru a utiliza multe dintre comenzile menționate mai sus necesită numele pachetului exact. Dacă nu o știți din anumite motive, comanda de căutare este gata să vă ajute. Este nevoie de una sau mai multe șiruri de caractere și emite toate numele pachetelor într-o oarecare măsură asociate cu ele într-o formă tabelară.

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm
Căutare vue 

11. Căutați și mai mult

Ar trebui să se întoarcă NPM Căutare nu există cabluri utile, Fire de căutare motor. face pentru o oprire logică următoare. Este o previzualizare pentru un motor de căutare local mai puternic, dar totuși caseta de text din partea de sus a paginii are un talent de gasirea de pachete alte motoare tind să ignore.

12. Adăugați finalizarea automată

Microsoft Intellisense a fost produsul seminal pentru a familiariza generațiile de programatori cu beneficiile Autocomplete cu un singur clic. NPM acceptă o caracteristică similară, a cărei activare se realizează prin secvența de comandă indicată. După aceea, apăsați fila pentru a face bash autocomplete de intrare.

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm
completare & gt; & gt; ~ / .bashrc.
Tamhan @ Tamhan-ThinkPad: ~ / nodsPace $ sursă
~ / .bashrc 

13. Setări de configurare a cablajului

Comanda NPM menționată mai sus face ca un prim pas important în lumea configurației lumii. Încercați cele două comenzi următoare pentru a seta implicite care vor fi apoi utilizate în toate fișierele de proiect nou create.

 NPM CONFIG SET INIT.AUTHOR.NAME & LT; NAME & GT;
NPM config set init.Athor.email & lt; email & gt; 

14. Legătura către pachetele locale

Dezvoltatorii care lucrează la un pachet și unul sau mai multe produse pe baza acestuia ar trebui să utilizeze caracteristica de legătură NPM. Se spală o simbolink care leagă dosarul pachet local la proiecte. În acest fel, schimbă automat propagarea transversală.

 Git Clone & Lt; PKGURL & GT;
CD & LT; PKGAME & GT;
NPM Link.
CD ../Site.
NPM LINK & LT; PKGAME & GT; 

15. Obțineți versiuni specifice ale pachetelor

Folosind. NPM I. De obicei, depune cea mai recentă versiune a oricărui pachet pe care îl poate găsi. Alegerea unei versiuni specifice sau mai vechi este posibilă prea. Pur și simplu utilizați. @ Operatorul pentru a specifica nevoile dvs. - eșantioanele care însoțesc această etapă necesită o versiune specifică și a Vue.

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm i
[email protected].
Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm i
Vue @ beta 

16. Listați toate setările de configurare

Sistemul de configurare menționat mai sus funcționează cu un set de variabile de mediu. Listează conținutul lor introducând npm rulează env. și urmărirea rezultatelor prin GREP. utilitate. Imaginea de mai sus arată doar câteva dintre setările disponibile.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace / Nodetest2 $
NPM rulează env | grep npm_
npm_config_cache_lock_stal = 60000.
npm_config_ham_it_up =.
npm_config_legacy_bundling =.
npm_config_sign_git_tag =.
. . . 

17. Creați o variabilă personalizată

NPM nu vă limitează la variabilele create de sistem. Fragmentul care însoțește acest pas încarcă un fișier care poate declara variabile proprii.

 "Config": {
"build_folder": "./ dist"
} 

18. Folosiți-l în mânie

Atunci când fișierul menționat mai sus este în vigoare, variabila nou generată se va comporta la fel ca oricare dintre colegii săi. Poate fi folosit în diferite comenzi, permițându-vă să schimbați comportamentul lor la gust în zbor.

 "Scripturi": {
"Construiți": "Gulp Build --Dist $ npm_package_
config_build_folder "
} 

19. Gestionați inteligentele NODE.JS și NPM

Unele programe depind de versiunile specifice ale mediului NODE.JS sau de managerul de pachete NODE.JS. Atenuați astfel de surse de probleme cu managerul versiunii NODE documentat aici - Noțiuni de bază este foarte ușor datorită unui script de instalare cu un singur clic.

 curl -o- https://raw.githubusercontent.com/creayix/nvm/v0.33.11/install.sh | bash 

20. Rulați fără instalare

Generatoarele de schele și programele similare rulează, de obicei, o singură dată într-o viață a unui proiect. Descărcarea manuală și executarea acestora devine rapid plictisitoare. Pachetul NODE Executați sau NPX, pot rula imediat pachetele. Dacă fișierele necesare nu sunt la îndemână, programul le descarcă pur și simplu înainte de a începe execuția.

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npx
Creați-reacție-App My-App 

21. Ditch că wifi

Să punem cel mai controversat truc de melodii la sfârșit. Ditching WiFi pentru o conexiune prin cablu la routerul taie o prețioasă de 10 până la 20 de milisecunde din fiecare călătorie rotundă. Pe termen lung, aceste economii se adaugă - mai ales atunci când se uită la operațiunile care implică sute de schimburi de pachete.

Acest articol a fost publicat inițial în numărul 284 din revista Creative Web Design Web designer . Cumpărați problema 284 aici sau Aboneaza-te la designerul web aici .

Articole similare:

• Începeți cu Babel 7
• 8 prototipuri esențiale și instrumente de construcție
• Dezvoltați componente reacționate reutilizabile