21 sätt att förbättra produktiviteten med npm

Sep 11, 2025
Hur
21 ways to improve productivity with npm

Node Package Manager, eller NPM för kort, ser du över hela den moderna JavaScript-världen. Eftersom det vanligtvis gör sitt jobb med minimala problem, tenderar utvecklarna att glömma den tid som spenderas med den. Även om detta inte är ett stort problem, innehåller NPM en uppsättning extremt nifty-funktioner som är avsedda att spara mycket värdefull tid.

Som med de flesta andra optimeringar är inte varje åtgärd allmänt tillämplig. Följande steg visar några "bör-vet" som har potential att förbättra produktiviteten, vilket gör att du skriver mindre eller minskar väntetiden.

Vill du ha några universella tidsbesparare? Vår guide till det bästa Website Builder kommer att göra att skapa webbplatser en bris, molnlagring kommer att effektivisera din samarbetsprocess och anständigt webbhotell kommer att stödja dig inget slut.

  • 20 briljanta jquery plugins

Att studera konsten att "snabbare npm" är inte ett slut i sig. Förutom att du får mer gjort, visar du avancerade konsolkompetens ett säkert sätt att imponera på kollegor och möjliga rekryterare - i dagens hyperkonkurrensbevakade arbetsytan, alla små, och imponerar åskådare med några nifty-genvägar är ett bra sätt att höja en ruckus.

Slutligen får vissa människor helt enkelt glädje från att optimera sina arbetsflöden. Så kortfattat, ta en titt på sätt att ställa in npm alltid är meningsfullt. Här är några av de bästa NPM-whacks.

  • Vad är nytt i Node.js 10?

01. Döda framstegsfältet

Eftersom NPM-operationer kan vara ganska intensiv, visas en framstegsfält. Tyvärr, som visar det tar tid - i vissa fall spenderas upp till 50 procent av tiden uppdatering av användargränssnittet. Lyckligtvis kan du eliminera framstegsfältet genom att ställa in marknadsföringsmiljövariabeln till FALSE. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace / futurenpm $
npm set framsteg = false
Tamhan @ Tamhan-ThinkPad: ~ / nodespace / futurenpm $
npm får framsteg
falskt

02. Grawn paket utan att skriva

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

Node.js genererar ett standardpaket.json

Upprepad, rituell hamring av returknappen följer med skapandet av nya NPM-projekt långt och bred. Detta är helt onödigt - passera helt enkelt parametern en För att bekräfta alla standardvärden som erbjuds av distributionsassistenten. Node.js genererar ett standardpaket. JSON med innehållet som visas i bilden ovan. 

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

03. Skriv inte kommandon

Node-kommandon består av ett verb och en eller flera parametrar. Vanligtvis används - "Installera" kommer i åtanke direkt - kan ersättas med korta förkortningar med enstaka bokstäver. Från en teknisk synvinkel, npm i och npm installera är desamma: Den enda skillnaden är den mängd typ som behövs för att komma in i dem. 

 NPM Installera Gulp-Debug
npm i gulp-debug

04. Döda andra verb också

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

Att använda korta former är ett bra sätt att visa NPM-färdigheter

Tillfälligtvis, Installera är inte det enda kommandot som beror på en hastighet. En noggrann titt på kommandotillförseln i figuren avslöjar att config, test, sökning och flera andra verb också får förkortningsbehandlingen. Att använda dessa korta former är ett bra sätt att visa NPM-kompetens - speciellt om du förklarar dem innan du använder dem för första gången.

05. Lista alla beroenden

Ta reda på om paketet A beror på paket B tenderar att vara ganska tråkigt. Men NPM vet det här som standard och ger gärna sin kunskap med dig. Ange helt enkelt npm ls att översvämma din terminal med en trädliknande representation av alla beroenden och deras delberoende, eller du kan begränsa trädets djup genom att passera in --depth = 0 . 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace /
Fastifydstest $ npm ls --depth = 0
[email protected] / Hem / Tamhan / NodeSpace
└└─ ​​[email protected]

06. Upptäck föråldrade paket

Dagens webbapplikationer står i en oändlig hagelstorm av attacker från miscreants. Att hitta föråldrade beroenden i ditt nodbaserade projekt är nu lika enkelt som att komma in npm föråldrad - Programmet kontrollerar cacheminnet och ger en lista över överdriven paket. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace /
Fastifydstest $ npm föråldrad
Paketström ville ha senaste platsen
Fastify 1.11.2 1.13.3 1.13.3 NoDespace

07. Hitta källan

21 ways to improve productivity with npm: Find the source

Hitta användbara prover och dokumentation för paket i sina github-repositorier

De flesta NPM-paket bor i ett githubförråd. Dessa webbplatser är vanligtvis inte begränsade till att tillhandahålla paketkällkoden - i de flesta fall kan du också hitta användbara prover och dokumentation. Öppna webbadressen i samband med ditt paket genom att ange repo & lt; PackageName & GT; - I de flesta fall kommer förvarets webbplats att dyka upp i din Workstations webbläsare. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm repo
Fastify

08. Kontrollera ett paket

21 ways to improve productivity with npm: Inspect a package

Ange NPM-vy kan ge värdefull information

Paket Manifest-filer innehåller värdefull information. Ange NPM-vy, eller dess stenografi v , Visar översikten som visas i skärmdumpen som åtföljer detta steg. Bland annat kommer du vanligtvis att ta reda på den senaste beta och stabil versionen, tillsammans med information om distributionsformat och underhållare. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm visa
jquery

09. Hitta exakta namn

Figuren som åtföljer steg 08 visar ett uttalande som informerar oss om att 48 versioner av biblioteket är tillgängliga. Att ta reda på deras exakta namn uppnås bäst via en specialiserad version av npm v - Det dumpar en lista över alla kända strängar. Tänk på att noteringen som åtföljer detta steg måste förkortas för utskriftsförmåga. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm v
jquery versioner
['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: ~ / nodespace $

10. Hitta okända paketnamn

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

Sökkommandot kan hjälpa dig när du inte känner till ett paketnamn

För att använda många av de ovan nämnda kommandona kräver det exakta paketnamnet. Om du inte vet det av någon anledning är sökkommandot redo att hjälpa. Det tar en eller flera strängar och matar ut alla paketnamn något associerade med dem i en tabellform. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm
sök vue

11. Sök ännu mer

21 ways to improve productivity with npm: Search even more

Garn kan hitta de paket som elude npms bästa ansträngningar

Skulle NPM-sökning lämna inga användbara ledningar, Garn sökmotor gör för ett logiskt nästa stopp. Det är en förhandsgranskning för en mer kraftfull lokal sökmotor, men ändå har textrutan högst upp på sidan en förmåga att hitta paket andra motorer tenderar att förbise.

12. Lägg till automatisk slutförande

Microsofts intellisens var den seminalprodukten för att bekanta generationer av programmerare med fördelarna med ett-klick autocomplete. NPM stöder en liknande egenskap, vars aktivering åstadkommes via kommandosekvensen som visas. Därefter trycker du på fliken för att göra Bash AutoComplete din ingång. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm
Slutförande & GT; & GT; ~ / .bashrc
Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ källa
~ / .bashrc

13. Harness Configuration Settings

21 ways to improve productivity with npm: Harness configuration settings

Ange standard för att flytta saker under snabbare

Ovan nämnda NPM Init-kommando ger ett bra första steg i världens konfigurationsinställningar. Prova de två följande kommandon för att ställa in standardvärden som sedan kommer att användas på alla nyskapade projektfiler. 

 npm config set init.author.name & lt; namn & gt;
npm config set init.author.email & lt; e-post och gt;

14. Länk till lokala paket

Utvecklare som arbetar på ett paket och en eller flera produkter baserade på den ska använda NPMs länkfunktion. Det speglar en symlink som ansluter den lokala paketmappen till projekten. På det sättet ändras tvärförpliktas automatiskt. 

 git klon & lt; pkgurl & gt;
CD & LT; PKGNAME & GT;
npm länk
cd ../site
NPM Link & LT; PKGNAME & GT;

15. Få specifika versioner av paket

Använder sig av npm i brukar använda den senaste versionen av vilket paket det kan hitta. Att välja en specifik eller en äldre version är också möjlig. Använd helt enkelt @ Operatör för att ange dina behov - Proverna som åtföljer detta steg kräver en specifik och en namngiven version av VUE. 

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

16. Lista alla konfigurationsinställningar

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

Det finns gott om konfigurationsinställningar för att spela med

Ovannämnda CONFIG-system fungerar med en uppsättning miljövariabler. Ange deras innehåll genom att komma in npm run env och jagar resultaten genom greppa verktyg. Bilden ovan visar bara några av de tillgängliga inställningarna. 

 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. Skapa en anpassad variabel

NPM begränsar dig inte till variabler som skapats av systemet. Snippet som åtföljer detta steg laddar en fil som kan förklara sina egna variabler. 

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

18. Använd den i ilska

När den ovan nämnda filen är på plats kommer den nybildade variabeln att uppföra sig som någon av sina kollegor. Den kan användas i olika kommandon, vilket gör att du kan ändra sitt beteende för att smaka på flugan. 

 "Skript": {
"Bygg": "Gulp Build --dist $ npm_package_
config_build_folder "
}

19. Hantera node.js och npm versioner smart

Vissa program beror på specifika versioner av node.js-miljö eller node.js Package Manager. Mildra sådana problemkällor med nodversionschefen dokumenterad här - Komma igång är väldigt lätt tack vare ett enklick-installationsskript. 

 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

Generera, den prisbelönta konferensen för webbdesigners, återgår till NYC den 24-25 april! Klicka på bilden för att boka en biljett

20. Kör utan installation

21 ways to improve productivity with npm: Run without installation

Spara tid genom att köra paket omedelbart med npx

Byggnadsgeneratorer och liknande program brukar springa en gång i ett projekts livstid. Manuell nedladdning och exekvering blir de tråkiga snabbt. Node Package Execute, eller NPX, kan köra paket omedelbart. Om de nödvändiga filerna inte är till hands hämtar programmet helt enkelt innan de startas. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npx
Skapa-reagera-app min app

21. Ditch som wifi

Låt oss sätta det mest kontroversiella melaktigt tricket i slutet. Ditching WiFi för en kabelansluten anslutning till din router skär av en dyrbar 10 till 20 millisekunder från varje rundresa. På lång sikt lägger dessa besparingar - speciellt när man tittar på operationer som involverar hundratals paketutbyte.

Den här artikeln publicerades ursprungligen i utgåva 284 av kreativ webbdesignmagasin Webbdesigner . Köp utgåva 284 här eller Prenumerera på webbdesigner här .

Relaterade artiklar:

  • Kom igång med Babel 7
  • 8 Viktiga prototyper och byggverktyg
  • Utveckla återanvändbara reaktionskomponenter

Hur - Mest populära artiklar

Gör gratis och snabba användarprov med Userlook

Hur Sep 11, 2025

Bild: Getty Images Förutsättningar är dåliga för företag. De är dåliga, för, av naturen, håller vi åsikter..

Hur man skapar tillgängliga webbformulär

Hur Sep 11, 2025

Former är en viktig del av webben eftersom de ansluter användare till ditt företag och hjälper dem att uppnå vad de kom till..

Hur man gör en mandelbulb

Hur Sep 11, 2025

En mandelbulb är en tredimensionell fraktal som blir alltmer populär i 3d konst och vfx. I den här artikeln gå..

Perfekt prototyper och avancerade mönster med Marvel

Hur Sep 11, 2025

Med en kortare inlärningskurva än INVISION-app och helt nya designhanteringsverktyg för företagsgrupper finns det ingen bätt..

Skapa en vektorförskjutningsmaskborste

Hur Sep 11, 2025

Missa inte Vertex 2018 , vår debutevenemang för CG-gemenskapen. Förpackad med inspirer..

Hur man använder digitala verktyg för att skapa ett handritat utseende

Hur Sep 11, 2025

Redigering och illustrerar digitalt ger mycket mening, särskilt för kommersiella illustrationprojekt. Förra året började jag..

Hur man kodar en förstärkt verklighetsmarkör

Hur Sep 11, 2025

Sida 1 av 2: Sida 1 Sida 1 Sida 2 ..

Hur man skapar en animerad webbbanner i Photoshop

Hur Sep 11, 2025

Att skapa webb banners är inte den mest glamorösa jobb i världen, men det är något som varje designer kommer att behöva göra någon gång i sin karriär, förmodligen många gånger ö..

Kategorier