21 způsobů, jak zlepšit produktivitu s NPM

Sep 12, 2025
jak
21 ways to improve productivity with npm

Správce balíčků uzlu nebo NPM pro krátké, vidí používat po celém světě moderní JavaScript svět. Jak to obvykle dělá svou práci s minimálními otázkami, vývojáři mají tendenci zapomenout na čas strávený ji. I když to není velký problém, NPM obsahuje sadu extrémně šikovných funkcí, které jsou určeny k uložení hodně cenného času.

Stejně jako u většiny ostatních optimalizací, ne každý opatření je všeobecně použitelné. Následující kroky ukazují několik "Mělo-li", které mají potenciál zlepšit produktivitu, udělejte si méně nebo snížit čekací dobu.

Chcete nějaké univerzální časové spořiče? Náš průvodce podle nejlepšího Webové stránky Builder. vytvoří stránky vánek, cloudové úložiště zefektivne váš proces spolupráce a slušné web hosting podporuje vás žádný konec.

  • 20 brilantní jquery plugins

Studium umění "rychlejší NPM" není samo o sobě konec. Kromě toho, že vám umožní získat další provedení, předvádět pokročilé dovednosti konzoly je jistý způsob, jak zapůsobit na kolegy a možných náborů - v dnešním hyper-konkurenčním pracovním prostoru, každá malá pomoc, a zapůsobit na diváky s několika šikovnými zkratkami je skvělý způsob, jak zvýšit Ruckus.

A konečně, někteří lidé prostě získají radost z optimalizace svých pracovních postupů. Tak krátce, podívat se na způsoby, jak madit NPM vždy smysl. Zde je několik nejlepších NPM-whocks.

  • Co je nového v Unlom.js 10?

01. Zabijte pruh průběhu

Vzhledem k tomu, že operace NPM mohou být velmi časově náročné, ukazuje se pokrok. Je smutné, že se zobrazuje čas - v některých případech, až 50% času uplatňuje aktualizaci uživatelského rozhraní. Naštěstí můžete odstranit pruh průběhu nastavením proměnné prostředí Progress na hodnotu false. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace / futurenpm $
NPM SET PROGRESS = FALSE
Tamhan @ Tamhan-ThinkPad: ~ / nodespace / futurenpm $
npm dostat postup
FALSE

02. Spawn balíčky bez psaní

21 ways to improve productivity with npm: Spawn packages without typing

Node.js generuje výchozí balíček.json

Opakované, rituální zatloukání návratového klíče doprovází vytváření nových projektů NPM daleko a široké. To je naprosto zbytečné - jednoduše předejte parametr -y. Pro potvrzení všech výchozích hodnot nabízených asistentem nasazení. Node.js generuje výchozí balíček.Json s obsahem, který je zobrazen na obrázku výše. 

 Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace /
Fastnodetest $ NPM init -y

03. Neodpovídejte příkazy

Příkazy uzlu se skládají ze slovesa a jednoho nebo více parametrů. Běžně používané - 'Instalace' přichází na mysl okamžitě - může být nahrazena krátkými jednosměrnými zkratkami. Z technického hlediska NPM I. a NPM Install. jsou stejné: jediným rozdílem je množství psaní, které je potřebné pro jejich vstup. 

 NPM Instalace davuňovacího ladění
NPM i gulp-ladění

04. Zabijte ostatní slovesa

21 ways to improve productivity with npm: Kill other verbs too

Použití krátkých formulářů je dobrý způsob, jak ukázat dovednosti NPM

Mimochodem, Nainstalujte není jediným příkazem, který je způsoben rychlostí. Opatrný pohled na výstup příkazového seznamu na obrázku ukazuje, že konfiguraci, test, vyhledávání a několik dalších sloves také dostávají zkratku. Využívání těchto krátkých forem je pěkný způsob, jak ukázat národnost NPM - zejména pokud je vysvětlíte dříve, než je používáte poprvé.

05. Seznam všech závislostí

Zjistit, zda balíček A závisí na obalu B, má tendenci být spíše únavné. NPM však to ve výchozím nastavení ví a s radostí sdílí své znalosti s vámi. Jednoduše zadejte NPM LS. Povšimnout si terminálu se stromovou reprezentací všech závislostí a jejich podklady, nebo můžete omezit hloubku stromu procházením --depth = 0. . 

 Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace /
Rychlejší $ NPM Ls -depth = 0
[email protected] / Home / Tamhan / Nodespace
└└─ ​​[email protected]

06. Detekce zastaralých balíčků

Dnešní webové aplikace stojí v nikdy nekončené krupobití útoků z miscants. Nalezení zastaralých závislostí ve vašem projektu založeném na uzlu je nyní stejně snadné jako vstup NPM zastaralá - Program zkontroluje svou mezipaměť a poskytuje seznam nadšený balíčky. 

 Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace /
Zpínat $ NPM zastaralé
Balíček proud chtěl nejnovější umístění
Zpínat 1.11.2 1.13.3 1.13.3 Nodespace

07. Najděte zdroj

21 ways to improve productivity with npm: Find the source

Najít užitečné vzorky a dokumentaci pro balíčky v jejich repozitáři GitHub

Většina balíčků NPM žije uvnitř úložiště GitHub. Tyto webové stránky obvykle nejsou omezeny na poskytování zdrojového kódu balíčku - Ve většině případů můžete také najít užitečné vzorky a dokumentaci. Otevřete adresu URL spojenou s balíčkem zadáním repo 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM repo
Zpínat

08. Zkontrolujte balíček

21 ways to improve productivity with npm: Inspect a package

Zadání NPM zobrazení může přinést cenné informace

Soubory manifestu balíčků obsahují cenné informace. Zadání NPM pohledu nebo jeho zkratka proti , zobrazuje přehled zobrazený v snímku obrazovky doprovázející tento krok. Mimo jiné se obvykle dozvíte o nejnovější beta a stabilní verzi, spolu s informacemi o distribučním formátu a správě. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM Zobrazit
JQuery

09. Najděte přesná jména

Obrázek doprovodný krok 08 ukazuje prohlášení o tom, že je k dispozici 48 verzí knihovny. Zjistit, že jejich přesná jména je nejlépe dosažena prostřednictvím specializované verze NPM V. - Vyhrazuje seznam všech známých strun. Mějte na paměti, že záznam doprovázející tento krok musel být zkrácen na důvody pro tisk. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm v
verze 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", \ t
'3.2.0',
"3.2.1",
'3.3.0',
"3.3.1"]
Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $

10. Najít neznámé názvy balíčků

21 ways to improve productivity with npm: Find unknown package names

Příkaz vyhledávání vám může pomoci, když neznáte název balíčku

Pro použití mnoho výše uvedených příkazů vyžaduje přesný název balíčku. Pokud to neznáte z nějakého důvodu, příkaz vyhledávání je připraven k pomoci. Trvá jeden nebo více řetězců a výstupy všech názvů balíčků poněkud spojené s nimi v tabulkovém formuláři. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM
Hledat VUE

11. Vyhledejte ještě více

21 ways to improve productivity with npm: Search even more

Příze může najít balíčky, které vyhýbají nejlepšímu úsilí NPM

Mělo by vyhledávání NPM vrátit žádné užitečné vedení, Vyhledávač příze dělá logickou další zastávku. Jedná se o náhled pro výkonnější lokální vyhledávač, ale přesto textové pole v horní části stránky má talent o nalezení balíků jiných motorů tendenci přehlédnout.

12. Přidejte auto-dokončení

Intellizense společnosti Microsoft byl seminálový produkt seznámit generace programátorů s výhodami jedním kliknutím autokomplete. NPM podporuje podobný znak, jehož aktivace se provádí přes zobrazenou sekvenci příkazu. Poté stiskněte klávesu TAB pro vytvoření bash AutoComplete svůj vstup. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM
dokončení a gt; ~ / .bashrc.
Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ zdroj
~ / .bashrc

13. Nastavení konfigurace svazku

21 ways to improve productivity with npm: Harness configuration settings

Nastavit výchozí hodnoty, aby se věci pohybovaly rychleji

Výše uvedený příkaz NPM INIT je pro skvělý první krok do světa nastavení konfigurace. Vyzkoušejte dva následující příkazy nastavit výchozí hodnoty, které budou pak použity na všech nově vytvořených souborových souborech. 

 NPM CONFIGN SET INIT.AUTHOR.NAME & LT; Jméno & gt;
NPM CONFIGN SET INIT.AUTHOR.Email & lt, e-mail & gt;

14. Odkaz na místní balíčky

Vývojáři pracující na balíčku a jeden nebo více produktů na základě ní by měli používat funkci propojení NPM. To spustí symbolink připojení místního balíčku složky pro projekty. Tímto způsobem se automaticky změní cross-propagovat. 

 git klon

15. Získejte specifické verze balíčků

Použitím NPM I. Obvykle nasadí nejnovější verzi jakéhokoli balíčku, který najde. Je možné také vybrat konkrétní nebo starší verze. Jednoduše použijte @ Provozovatel určí vaše potřeby - vzorky doprovázející tento krok vyžadují specifickou a pojmenovanou verzi VUE. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM I
[email protected].
Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM I
VUE @ BETA

16. Seznam všech nastavení konfigurace

21 ways to improve productivity with npm: List all configuration settings

Existuje spousta nastavení konfigurace hrát s

Výše uvedený konfigurační systém pracuje se sadou proměnných prostředí. Seznam jejich obsahu zadáním NPM Run Env. a pronásledování výsledků prostřednictvím druzenec užitek. Výše uvedený obrázek zobrazuje jen několik dostupných nastavení. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace / 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. Vytvořte vlastní proměnnou

NPM vás neomezuje proměnné vytvořené systémem. Úryvek doprovázející tento krok načte soubor, který může deklarovat vlastní proměnné. 

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

18. Použijte ho v hněvu

Když je uvedený soubor zaveden, nově vytvořená proměnná se bude chovat stejně jako některý ze svých kolegů. Lze jej použít v různých příkazech, což vám umožní změnit jejich chování podle mouchy. 

 "Skripty": {
"Build": "Gulp Build --dist $ npm_package_
config_build_folder "
}

19. Správa node.js a npm verze chytré

Některé programy závisí na konkrétních verzích prostředí Node.js nebo Správce balíčků Node.js. Zmírte takové problémy s pomocí Správce verzí uzlu dokumentován zde - Začínáme je opravdu snadné díky jednorázovému instalačnímu skriptu. 

 Curl -O- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/Install.sh | Bash

generate, the award winning conference for web designers, returns to NYC on April 24-25! Click the image to book a ticket

Generovat, ocenění výherní konference pro web designéry, se vrátí do NYC 24. dubna! Kliknutím na obrázek si objednáte jízdenku

20. Spustit bez instalace

21 ways to improve productivity with npm: Run without installation

Ušetřete čas spuštěním balení okamžitě s NPX

Lešení generátory a podobné programy obvykle běží jen jednou v životě projektu. Ruční stahování a provedení je rychle dostane únavné. Uzavte balíček Spustit nebo NPX, může okamžitě spustit balíčky. Pokud nejsou požadované soubory v ruce, program je jednoduše stáhne před spuštěním spuštění. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npx
Vytvořit-Reage-App My-App

21. příkop, který wifi

Pojďme na konci nejkontroverznější trik. Díky WiFi pro kabelové připojení k směrovači odřízne drahocenný 10 až 20 milisekund z každého kruhového výletu. V dlouhodobém horizontu se tyto úspory doplňují - zejména při pohledu na operace, které zahrnují stovky výměny balíčků.

Tento článek byl původně publikován v čísle 284 časopisu Creative Web Design Web Designer. . Prodám vydání 284 zde nebo Přihlásit se zde web designer zde .

Související články:

  • Začněte s babelem 7
  • 8 Essential Prototyping a stavební nástroje
  • Vyvíjet opakovaně použitelné reakční komponenty

jak - Nejoblíbenější články

Kompozice v animaci: Naučte se základy

jak Sep 12, 2025

(Image Credit: BlackMagic Design) V tomto článku ponecháme do umění kompozice pro 3D. Prozkoumání toho, co je ..

Jak používat gravitaci skica

jak Sep 12, 2025

(Image Credit: Gravitace skica) Gravitace Skica, návrhový a modelovací nástroj pro VR kreativy, pokračoval v zá..

Jak používat REAK Spring k animaci komponent

jak Sep 12, 2025

(Image Credit: Matt Crouch) Reagovat jaro vám může pomoci s animacemi, které jsou notoricky složité implementov..

10 způsobů, jak vytvořit lepší 3D světové prostředí

jak Sep 12, 2025

[Image: Albert Valls Punsich] Pokud chcete zůstat na vrcholu hry jako 3D umělec, je důležité, abyste si vyčisti..

5 Způsoby, jak zvýšit své webové stránky SEO

jak Sep 12, 2025

SEO: Je to špinavá práce, ale někdo to musí udělat, a pokud chcete, aby někdo viděl Design portfolio Jiné..

Vytvořte tkázový textový efekt s JavaScriptem

jak Sep 12, 2025

Zavedení účinků na text a typografie mohou přidat zcela nový pohled na uživatelská zkušenost na webových..

Jak poskytnout fotorealistickou oblohu

jak Sep 12, 2025

Pro tento tutoriál budeme používat Vue Xstream. vytvořit oblohu plnou mraků. I když se můžete rozhodnout z..

Objevte styl a podstatu typografie

jak Sep 12, 2025

Rozhodnutí, rozhodnutí, rozhodnutí ... Pokud existuje jeden klíčový aspekt procesu práce s typem, je to, že návrhář nebo typograf bude muset udělat celou řadu rozhodnutí, než s..

Kategorie