21 modi per migliorare la produttività con NPM

Node Package Manager, o NPM per breve, vede utilizzare tutto il moderno mondo di JavaScript. Poiché di solito fa il suo lavoro con problemi minimi, gli sviluppatori tendono a dimenticare il tempo trascorso usandolo. Mentre questo non è un grosso problema, NPM contiene un insieme di funzionalità estremamente nifty che hanno lo scopo di salvarti un sacco di tempo prezioso.

Come con la maggior parte degli altri ottimizzazione, non ogni misura è universalmente applicabile. I seguenti passaggi mostrano alcuni "dovrebbero-knows" che hanno il potenziale per migliorare la produttività, rendono digitare meno o ridurre il tempo di attesa.

Vuoi alcuni risparmiatori universali? La nostra guida al meglio Builder del sito web renderà la creazione di siti una brezza, deposito cloud. razionalizzerà il tuo processo collaborativo e decente web hosting ti supporterà alcuna fine.

• 20 plugin jquery brillanti

Studiare l'arte di "NPM più veloce" non è una fine in sé. Oltre a permetterti di ottenere di più, mostrando le abilità di console avanzate è un modo SureFire per impressionare i colleghi e possibili reclutatori - nell'area di lavoro iper-competitivi di oggi, ogni piccolo aiuto, e impressionare gli spettatori con alcune scorciatoie dai nifty è un ottimo modo per rilanciare un ruckus.

Infine, alcune persone guadagnano semplicemente gioia dall'ottimizzazione dei loro flussi di lavoro. Quindi, in breve, dando un'occhiata ai modi per sintonizzare NPM ha sempre senso. Ecco alcuni dei migliori NPM-Whacks.

• Cosa c'è di nuovo in node.js 10?

01. Uccidi la barra dei progressi

Poiché le operazioni NPM possono essere piuttosto intensive, una barra di avanzamento si presenta. Purtroppo, mostrandolo richiede tempo - in alcuni casi, fino al 50 per cento del tempo viene speso l'aggiornamento dell'interfaccia utente. Fortunatamente, è possibile eliminare la barra di avanzamento impostando la variabile dell'ambiente di avanzamento per false.

 Tamhan @ Tamhan-Thinkpad: ~ / no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no nodespace / futurenpm $
NPM Set progress = falso
Tamhan @ Tamhan-ThinkPad: ~ / No nodespace / Futurenpm $
NPM ottiene il progresso
falso 

02. Pacchetti spawn senza digitare

Ripetuto, il rituale martellamento della chiave di ritorno accompagna la creazione di nuovi progetti NPM in gran parte e largo. Questo è assolutamente inutile - passa semplicemente il parametro -y. Per confermare tutti i valori predefiniti offerti dall'assistente di distribuzione. Node.js genera un pacchetto predefinito.json con i contenuti che vengono visualizzati nell'immagine sopra.

 Tamhan @ Tamhan-ThinkPad: ~ /Space /
FastnodeTest $ NPM init -y 

03. Non digitare i comandi

I comandi del nodo sono costituiti da un verbo e uno o più parametri. Quelli comunemente usati - "installazione" viene in mente immediatamente - può essere sostituito con abbreviazioni a lettere corte. Da un punto di vista tecnico, NPM I. e Installazione NPM. sono gli stessi: l'unica differenza è la quantità di digitazione necessaria per inserirle.

 NPM Installare Gulp-Debug
NPM I Gulp-debug 

04. Uccidi anche altri verbi

Incidentalmente, installare non è l'unico comando che è dovuto per un acceleratore. Un aspetto attento all'output dell'elenco comandi nella figura rivela che config, test, ricerca e diversi altri verbi ottengono anche il trattamento dell'abbreviazione. Fare uso di queste forme corte è un bel modo per dimostrare la competenza NPM, specialmente se li spieghi prima di usarli per la prima volta.

05. Elenca tutte le dipendenze

Scopri se il pacchetto A dipende dal pacchetto B tende ad essere piuttosto noioso. Tuttavia, NPM lo sa per impostazione predefinita e condivide volentieri le sue conoscenze con te. Semplicemente entrare NPM LS. per invadere il terminale con una rappresentazione ad albero di tutte le dipendenze e le loro sotto-dipendenze, oppure puoi limitare la profondità dell'albero passando --Depth = 0. .

 Tamhan @ Tamhan-ThinkPad: ~ /Space /
FastifyTest $ NPM LS --Depth = 0
[email protected] / Home / Tamhan / Espace
└── [email protected] 

06. Rileva i pacchetti obsoleti

Le applicazioni web di oggi stanno in una grandinata di attacchi senza fine da parte dei miscredenti. Trovare le dipendenze obsolete nel tuo progetto basato su nodo è ora facile come entrare NPM obsoleto - Il programma controlla la sua cache e fornisce un elenco di overato Pacchetti.

 Tamhan @ Tamhan-ThinkPad: ~ /Space /
FastifyTest $ NPM obsoleto
Pacchetto Corrente ricercata Ultima posizione
Ritirify 1.11.2 1.13.3 1.13.3 Espace del nodo 

07. Trova la fonte

La maggior parte dei pacchetti NPM vivono all'interno di un repository GitHub. Questi siti Web di solito non sono limitati a fornire il codice sorgente del pacchetto - nella maggior parte dei casi, puoi anche trovare campioni e documentazione utili. Apri l'URL associato al tuo pacco immettendo il repo & lt; packagename & gt; - Nella maggior parte dei casi, il sito web del repository si aprirà nel browser della tua workstation.

 Tamhan @ Tamhan-ThinkPad: ~ / No -Space $ NPM Repository
Vestitificazione 

08. Ispeziona un pacchetto

I file manifestati del pacchetto contengono informazioni preziose. Entrare in vista NPM o sulla sua stenografia V. , mostra la panoramica nella foto nello screenshot che accompagna questo passaggio. Tra le altre cose, di solito scoprirai l'ultima versione beta e stabile, insieme all'informazione sul formato di distribuzione e sui manutentori.

 Tamhan @ Tamhan-ThinkPad: ~ / NoodSpace $ NPM View
jQuery 

09. Trova nomi esatti

La figura che accompagna il passaggio 08 mostra una dichiarazione che informaci che sono disponibili 48 versioni della biblioteca. Scoprire i loro nomi esatti è meglio compiuto tramite una versione specializzata di NPM V. - Scarica un elenco di tutte le stringhe conosciute. Tieni presente che l'elenco che accompagna questo passo doveva essere abbreviato per motivi di stampabilità.

 Tamhan @ Tamhan-ThinkPad: ~ /Space $ NPM V
versioni jQuery.
['1.5.1',
'1.6.2',
. . .
'3.0.0-ALPHA1',
'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: ~ / no no no nody $ 

10. Trova nomi di pacchetti sconosciuti

Per utilizzare molti dei comandi sopra indicati richiede il nome del pacchetto esatto. Se non lo sai per qualche motivo, il comando di ricerca è pronto per aiutare. Ci vogliono una o più stringhe e emette tutti i nomi dei pacchi in qualche modo associati a loro in una forma tabellare.

 Tamhan @ Tamhan-ThinkPad: ~ /Space $ NPM
Ricerca VUE 

11. Ricerca ancora di più

DOVREBBE NPM REARD RESTITUIRE NESSUNA PASSEGGIO UTILI, IL Motore di ricerca del filato rende una fermata logica successiva. È un'anteprima per un motore di ricerca locale più potente, ma tuttavia la casella di testo nella parte superiore della pagina ha un talento di rifornimento di pacchetti altri motori tendono a trascurare.

12. Aggiungi il completamento automatico

L'Intellisense di Microsoft è stato il prodotto seminaliero per familiarizzare le generazioni di programmatori con i vantaggi del completamento automatico del tasto. NPM supporta una funzione simile, la cui attivazione viene eseguita tramite la sequenza di comando mostrata. Dopodiché, premere TAB per rendere Bash Autocompleta il tuo ingresso.

 Tamhan @ Tamhan-ThinkPad: ~ /Space $ NPM
Completamento e GT; & GT; ~ / .bashrc.
Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace $ fonte
~ / .bashrc 

13. Impostazioni di configurazione del cablaggio

Il comando NPM It di cui sopra rende un ottimo primo passo nel mondo delle impostazioni di configurazione. Prova i due comandi seguenti per impostare i valori predefiniti che verranno utilizzati su tutti i file di progetto appena creati.

 NPM Config Set Init.Author.Name & Lt; Nome & GT;
NPM Config set init.author.email & lt; Email & GT; 

14. Link ai pacchetti locali

Gli sviluppatori che lavorano su un pacchetto e uno o più prodotti in base a esso dovrebbero utilizzare la funzione di collegamento di NPM. Ha generato un collegamento simbolico collegamento della cartella del pacchetto locale ai progetti. In questo modo, cambia automaticamente la propagazione incrociata.

 Git clone & lt; pkgurl & gt;
cd & lt; pkgname & gt;
NPM LINK.
cd ../site.
NPM Link & Lt; PKGName & GT; 

15. Ottieni versioni specifiche di pacchetti

Usando NPM I. Di solito distribuisce l'ultima versione di qualsiasi pacchetto che può trovare. È possibile scegliere anche una versione specifica o precedente. Basta usare il @ Operatore Per specificare le tue esigenze: i campioni che accompagnano questo passaggio richiedono una versione specifica e denominata di Vue.

 Tamhan @ Tamhan-ThinkPad: ~ / No nodespace $ NPM I
[email protected].
Tamhan @ Tamhan-ThinkPad: ~ / No no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no nodes
vue @ beta 

16. Elenca tutte le impostazioni di configurazione

Il sistema di configurazione sopra menzionato funziona con un set di variabili di ambiente. Elenca il loro contenuto inserendo npm run env. e insegue i risultati attraverso il grep. utilità. L'immagine sopra mostra solo alcune delle impostazioni disponibili.

 Tamhan @ Tamhan-ThinkPad: ~ / No -Space / NodeTest2 $
NPM RUN ENV | grep npm_
npm_config_cache_lock_stale = 60000.
npm_config_ham_it_up =.
npm_config_legacy_bundling =..
npm_config_sign_git_tag =.
. . . 

17. Creare una variabile personalizzata

NPM non ti limita a variabili create dal sistema. Lo snippet che accompagna questo passaggio carica un file in grado di dichiarare le variabili da solo.

 "Config": {
"Build_Folder": "./ Dist"
} 

18. Usalo con rabbia

Quando il file sopra menzionato è in posizione, la variabile appena generata si comporterà proprio come uno dei suoi colleghi. Può essere utilizzato in vari comandi, permettendoti di cambiare il loro comportamento da gustare al volo.

 "Script": {
"Build": "Gulp Build --dist $ NPM_package_
config_build_folder "
} 

19. Gestisci le versioni NODE.JS e NPM intelligenti

Alcuni programmi dipendono da versioni specifiche dell'ambiente Node.js o del gestore del pacchetto Node.js. Mitigare tali fonti di problema con il gestore della versione del nodo Documentato qui - Iniziare è davvero facile grazie a uno script di installazione con un clic.

 Curl -O- https://raw.githubuserContent.com/creationionix/nvm/v0.33.11/install.sh | Bash 

20. Esegui senza installazione

I generatori di impalcature e programmi simili di solito vengono eseguiti solo una volta nella vita di un progetto. Il download e l'esecuzione manuale di eseguirli diventa noioso rapidamente. Il pacchetto del nodo eseguito o NPX, può eseguire immediatamente i pacchetti. Se i file richiesti non sono a portata di mano, il programma li scarica semplicemente prima di iniziare l'esecuzione.

 Tamhan @ Tamhan-Thinkpad: ~ / no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no nodespace $ NPX
Crea-react-app my-app 

21. FORNITO CHE WIFI

Mettiamoci il trucco di Tune-Up più controverso alla fine. La connessione WiFi di fossati per una connessione cablata al tuo router taglia un prezioso da 10 a 20 millisecondi da ogni viaggio di andata e ritorno. A lungo termine, questi risparmi si sommano - specialmente quando si guardano le operazioni che coinvolgono centinaia di scambi di pacchetti.

Questo articolo è stato originariamente pubblicato in questione 284 di creative Web Design Magazine Web designer . Comprare il problema 284 qui o Iscriviti al web designer qui .

Articoli Correlati:

• Inizia con Babel 7
• 8 Prototipazione essenziali e strumenti di costruzione
• Sviluppare componenti reagibili riutilizzabili