21 Måder at forbedre produktiviteten med NPM

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

Knudepakkechef, eller NPM for kort, ser brug over hele den moderne JavaScript-verden. Da det normalt gør sit arbejde med minimale problemer, har udviklere en tendens til at glemme den tid, der bruges ved at bruge den. Selvom dette ikke er et stort problem, indeholder NPM et sæt af ekstremt nifty funktioner, der er beregnet til at spare dig meget værdifuld tid.

Som med de fleste andre optimeringer er ikke alle foranstaltninger universelt anvendelige. Følgende trin viser et par 'bør vide', der har potentialet til at forbedre produktiviteten, få dig til at skrive mindre eller reducere ventetid.

Vil du have nogle universelle tidsparere? Vores guide til det bedste Website Builder. vil gøre skabelse af websteder en brise, Sky lagring vil strømline din samarbejdsproces og anstændigt Web Hosting. vil støtte dig ingen ende.

  • 20 brilliant jquery plugins

At studere kunsten "hurtigere NPM" er ikke en ende i sig selv. Udover at lade dig få mere gjort, er det en surefire måde at imponere kolleger og mulige rekrutterere - i dagens hyper konkurrencedygtige arbejdsområde, hver lille hjælper og imponerende tilskuere med et par nifty genveje er en fantastisk måde at hæve en ruckus.

Endelig får nogle mennesker bare glæde af at optimere deres arbejdsgange. Så kort sagt, tage et kig på måder at tune NPM giver altid mening. Her er et par af de bedste NPM-whacks.

  • Hvad er nyt i node.js 10?

01. Dræb fremdriftslinjen

Da NPM-operationer kan være ret tidskrævende, viser en statuslinje op. Desværre, der viser det, tager tid - i nogle tilfælde bruges op til 50 procent af tiden til at opdatere brugergrænsefladen. Heldigvis kan du eliminere fremskridtslinjen ved at fastsætte fremskridtsmiljøvariablen til falsk. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace / futurenpm $
NPM Set Progress = FALSE
Tamhan @ Tamhan-Thinkpad: ~ / nodespace / futurenpm $
npm få fremskridt
FALSE

02. Spawn pakker uden at skrive

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

Node.js genererer en standardpakke.json

Gentagen, rituel hammering af returnøglen ledsager oprettelsen af ​​nye NPM-projekter langt og bredt. Dette er helt unødvendigt - bare passere parameteren -y. for at bekræfte alle de standardindstillinger, der tilbydes af implementeringsassistenten. Node.js genererer en standardpakke. JSON med indholdet, der vises i billedet ovenfor. 

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

03. Skriv ikke kommandoer

Node kommandoer består af et verb og en eller flere parametre. Almindeligt anvendte dem - 'Installer' kommer i tankerne straks - kan erstattes med korte single-brev forkortelser. Fra et teknisk synspunkt, npm I. og NPM Install. er de samme: Den eneste forskel er mængden af ​​typing, der er nødvendig for at komme ind i dem. 

 NPM Installer Gulp-Debug
NPM I GULP-DEBUG

04. Dræb andre verbs også

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

Brug af korte former er en god måde at demonstrere NPM-færdigheder

I øvrigt, installere er ikke den eneste kommando, der skyldes en hurtigere. Et omhyggeligt kig på kommandolisten på kommandolisten i figuren viser, at config, test, søgning og flere andre verb også får forkortelsesbehandlingen. At gøre brug af disse korte former er en god måde at demonstrere NPM-færdigheder - især hvis du forklarer dem, før du bruger dem for første gang.

05. Angiv alle afhængigheder

At finde ud af om pakke A afhænger af Package B har tendens til at være ret kedelig. Dog kender NPM dette som standard og deler med glæde sin viden med dig. Simpelthen enter. npm ls. at oversvømme din terminal med en træagtig repræsentation af alle afhængigheder og deres underafhængigheder, eller du kan begrænse dybden af ​​træet ved at passere ind --depth = 0. . 

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

06. Opdag forældede pakker

Dagens webapplikationer står i en uendelig hailstorm af angreb fra miscreants. At finde forældede afhængigheder i dit node-baserede projekt er nu lige så nemt som indtastning npm forældet - Programmet kontrollerer sit cache og giver en liste over overaged. pakker. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace /
FastifyTest $ NPM forældet
Pakke nuværende ønskede seneste placering
Fastgør 1.11.2 1.13.3 1.13.3 Nodespace

07. Find kilden

21 ways to improve productivity with npm: Find the source

Find nyttige prøver og dokumentation for pakker i deres GitHub-repositorier

De fleste NPM-pakker lever inde i et github-repository. Disse websteder er normalt ikke begrænset til at tilvejebringe pakke kildekoden - i de fleste tilfælde kan du også finde nyttige prøver og dokumentation. Åbn webadressen, der er forbundet med din pakke ved at indtaste Repo & Lt; PackoGename & GT; - I de fleste tilfælde vil repositorywebstedet komme op i din arbejdsstations browser. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm repo
Fastgør

08. Undersøg en pakke

21 ways to improve productivity with npm: Inspect a package

Indtastning af NPM visning kan give værdifuld information

Pakke manifest filer indeholder værdifulde oplysninger. Indtastning af npm visning eller dens stenografi V. , viser oversigten afbildet i screenshot, der ledsager dette trin. Blandt andet vil du normalt finde ud af den nyeste beta og stabil version sammen med information om distributionsformat og vedligeholdere. 

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

09. Find nøjagtige navne

Figuren ledsagende trin 08 viser en erklæring, der informerer os om, at 48 versioner af biblioteket er tilgængelige. At finde ud af deres nøjagtige navne er bedst opnået via en specialiseret version af NPM V. - Det dumper en liste over alle kendte strenge. Husk på, at noteringen, der ledsager dette trin, skulle forkortes for printabilitetsårsager. 

 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. Find ukendte pakkenavne

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

Søgekommandoen kan hjælpe dig ud, når du ikke kender et pakke navn

For at bruge mange af de ovennævnte kommandoer kræver det nøjagtige pakkens navn. Hvis du ikke ved det af en eller anden grund, er søgekommandoen klar til at hjælpe. Det tager en eller flere strenge og udgange alle pakkenavne, der er noget forbundet med dem i en tabelform. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm
Søg VUE

11. Søg endnu mere

21 ways to improve productivity with npm: Search even more

Garn kan finde pakkerne, der undgår NPMs bedste indsats

Skal npm søgning returnere ingen nyttige ledninger, den Garnsøgning motor. Gør for et logisk næste stop. Det er et eksempel på en mere kraftfuld lokal søgemaskine, men men ikke desto mindre har tekstboksen øverst på siden en Knack af at finde pakker Andre motorer har tendens til at overse.

12. Tilføj auto-afslutning

Microsofts IntellIsense var det seminalprodukt for at gøre generationer af programmører med fordelene ved One-Click AutoComplete. NPM understøtter en lignende funktion, hvis aktivering udføres via den viste kommandosekvens. Derefter skal du trykke på Tab for at gøre Bash AutoComplete din indgang. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npm
færdiggørelse & gt; & gt; ~ / .bashrc.
tamhan @ tamhan-thinkpad: ~ / nodespace $ source
~ / .bashrc

13. Indstillinger for harness konfiguration

21 ways to improve productivity with npm: Harness configuration settings

Indstil standardindstillinger for at flytte tingene langs hurtigere

Den ovennævnte NPM Init-kommando giver et godt første skridt i verden af ​​konfigurationsindstillinger. Prøv de to følgende kommandoer for at indstille standardindstillinger, der derefter bruges på alle nyoprettede projektfiler. 

 npm config set init.Author.name & lt; navn & gt;
npm config set init.Author.Email & lt; Email & GT;

14. Link til lokale pakker

Udviklere, der arbejder på en pakke og en eller flere produkter baseret på den, skal bruge NPMs linkfunktion. Det springer en symlink, der forbinder den lokale pakke mappe til projekterne. På den måde ændrer ændringer tværpropagat automatisk. 

 Git Clone & Lt; Pkgurl & GT;
CD & LT; PKGNAME & GT;
npm link.
CD ../Site.
npm link & lt; pkgname & gt;

15. Få specifikke versioner af pakker

Ved brug af npm I. normalt implementerer den nyeste version af enhver pakke, den kan finde. Plukning af en bestemt eller en ældre version er også mulig. Du skal blot bruge @ Operatør til at angive dine behov - de prøver, der ledsager dette trin, kræver en specifik og en navngivet version af Vue. 

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

16. Angiv alle konfigurationsindstillinger

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

Der er masser af konfigurationsindstillinger, der skal afspilles med

Ovennævnte config system arbejder med et sæt af miljøvariabler. Angiv deres indhold ved at indtaste NPM RUN ENH. og jagter resultaterne gennem grep. nytte. Billedet ovenfor viser blot nogle få af de tilgængelige indstillinger. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace / nodetest2 $
NPM RUN ENV | grep npm_
npm_config_cache_lock_stale = 60000.
npm_config_ham_it_up =.
npm_config_legain_bundling =
npm_config_sign_git_tag =
. . .

17. Opret en brugerdefineret variabel

NPM begrænser ikke dig til variabler, der er oprettet af systemet. Snippet, der ledsager dette trin, indlæser en fil, der kan erklære egen variabler. 

 "config": {
"Build_Folder": "./ DIST"
}

18. Brug det i vrede

Når ovennævnte fil er på plads, vil den nyligt genererede variabel opfører sig ligesom nogen af ​​sine kolleger. Det kan bruges i forskellige kommandoer, der tillader dig at ændre deres adfærd til smag på flugt. 

 "Scripts": {
"Build": "Gulp Build --Dist $ npm_package_
config_build_folder "
}

19. Administrer node.js og npm versioner smartt

Nogle programmer afhænger af specifikke versioner af Node.js Miljø eller Node.js Package Manager. Mindske sådanne problemkilder med node version manager dokumenteret her - Kom godt i gang er virkelig let takket være et enkelt klikinstallations script. 

 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

Generer, den prisbelønnede konference for webdesignere, vender tilbage til NYC den 24-25 april! Klik på billedet for at bestille en billet

20. Kør uden installation

21 ways to improve productivity with npm: Run without installation

Spar tid ved at køre pakker straks med NPX

Stillads generatorer og lignende programmer kører normalt kun en gang i et projekts levetid. Manuel downloading og udførelse af dem bliver kedeligt hurtigt. Node Package Execute, eller NPX, kan køre pakker straks. Hvis de nødvendige filer ikke er til rådighed, downloader programmet dem simpelthen, før du starter udførelsen. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodespace $ npx
Create-react-app min-app

21. Ditch den wifi

Lad os sætte det mest kontroversielle tune-up trick i slutningen. Ditching WiFi til en kablet forbindelse til din router skærer ud af en dyrebar 10 til 20 millisekunder fra hver runde tur. I det lange løb tilføjer disse besparelser - især når man ser på operationer, der involverer hundredvis af pakkeudvekslinger.

Denne artikel blev oprindeligt offentliggjort i udstedelse 284 af Creative Web Design Magazine Webdesigner . Køb problem 284 her eller Abonner på Web Designer her .

Relaterede artikler:

  • Kom godt i gang med Babel 7
  • 8 væsentlige prototyping og byggeværktøjer
  • Udvikle genanvendelige reagerkomponenter

hvordan - Mest populære artikler

Sådan oprettes pin-up art

hvordan Sep 12, 2025

Oprindelsen af ​​pin-up kunst kan spores tilbage til slutningen af ​​det 19. århundrede, men det blev mere udbredt i 1940'erne og 1950'erne, der ofte vises på plakater og kalendere...

Sådan oprettes tilgængelige webformularer

hvordan Sep 12, 2025

Forms er en væsentlig del af internettet, fordi de forbinder brugere med din virksomhed og hjælper dem med at opnå, hvad de ko..

Sådan skaber du glødende farver med olie maling

hvordan Sep 12, 2025

Bliver bedt om at beskrive min maleri teknik er mærkeligt for mig, og ærligt er det svært at gøre. Jeg er en i..

Opret bedre tegn animationer i Maya

hvordan Sep 12, 2025

Ant Ward vil være en af ​​vores kunstnere, der besvarer dine specifikke spørgsmål på Vertex ..

Opret organiske teksturer i blæk

hvordan Sep 12, 2025

Tegning med blæk producerer store muligheder. Der er enkle, men effektive måder at skabe smukke, økologiske tekstu..

Groom en uimodståelig furry væsen

hvordan Sep 12, 2025

Side 1 af 3: Side 1 Side 1 Side 2. ..

Opret spil-klar teksturer ved hjælp af stofmaler

hvordan Sep 12, 2025

Det sidste år har været en spilskifter til videospilindustrien og for amerikanske kunstnere heldige nok til at tjene penge på ..

Sådan får du din Zbrush-model til Maya

hvordan Sep 12, 2025

For det Maya tutorial. Jeg skal vise dig, hvordan jeg fik denne Grumpy Link-model fra Zbrush til Maya til gengivel..

Kategorier