21 manieren om de productiviteit met NPM

Knooppunt Pakketbeheer, of NPM voor kort, gebruik het gebruik overal in de moderne JavaScript-wereld. Zoals het gewoonlijk is, is het werk met minimale problemen, de ontwikkelaars de neiging om de tijd die het gebruikte te vergeten. Hoewel dit geen groot probleem is, bevat NPM een set extreem handige functies die bedoeld zijn om u veel waardevolle tijd te besparen.

Zoals met de meeste andere optimalisaties, is niet elke maatregel algemeen van toepassing. De volgende stappen tonen een paar 'moeten - weten' die het potentieel hebben om de productiviteit te verbeteren, waardoor u minder wachttijd kunt verminderen of de wachttijd kunt verminderen.

Wil je een aantal universele time-spaarders? Onze gids voor de beste website bouwer maakt het maken van sites een briesje, cloud opslag zal je collaborative-proces stroomlijnen en fatsoenlijk web hosting zal je geen einde ondersteunen.

• 20 briljante jQuery-plug-ins

Het bestuderen van de kunst van 'snellere NPM' is geen doel op zich. In aanvulling op het laten krijgen van meer gedaan, is het zien van geavanceerde consolevaardigheden een trefzekere manier om indruk te maken op collega's en mogelijke recruiters - in de hypercompetitieve werkruimte van vandaag, elke kleine helpt, en indruk op toeschouwers met een paar nifty snelkoppelingen is een geweldige manier om te verhogen een ruckus.

Ten slotte krijgen sommige mensen gewoon vreugde van het optimaliseren van hun werkstromen. Dus kortom, een kijkje op manieren om NPM altijd logisch te maken. Hier zijn enkele van de beste NPM-makjes.

• Wat is nieuw in node.js 10?

01. Dood de voortgangsbalk

Omdat NPM-operaties vrij tijdintensief kunnen zijn, verschijnt een voortgangsbalk. Helaas, het weergeven van het tijd - in sommige gevallen wordt maximaal 50 procent van de tijd besteed aan het bijwerken van de gebruikersinterface. Gelukkig kunt u de voortgangsbalk verwijderen door de variabele van de voortgangsomgeving in te stellen.

 Tamhan @ Tamhan-ThinkPad: ~ / NODESPACE / FUTURENPM $
NPM Set Progress = False
TAMHAN @ TAMHAN-ThinkPad: ~ / NODESPACE / FUTURENPM $
NPM Krijg vooruitgang
FALSE 

02. Spawn-pakketten zonder typen

Herhaaldelijk, ritueel hamering van de retoursleutel begeleidt de oprichting van nieuwe NPM-projecten ver en wijd. Dit is volkomen onnodig - geef de parameter eenvoudigweg -Y om alle standaardinstellingen van de implementatie-assistent te bevestigen. Node.js genereert een standaardpakket.json met de inhoud die wordt weergegeven in de bovenstaande afbeelding.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace /
FastNODETEST $ NPM INIT -Y 

03. Typ geen opdrachten

Knoopcommando's bestaan ​​uit een werkwoord en een of meer parameters. Gewoonlijk gebruikte degenen - 'Installatie' komt meteen in de gedachten - kan worden vervangen door korte afkortingen met één letter. Vanuit technisch oogpunt, npm i en NPM-installatie zijn hetzelfde: het enige verschil is de hoeveelheid typen die nodig is om ze te betreden.

 NPM Installeer GULP-Debug
NPM I GULP-DEFUG 

04. Dood ook andere werkwoorden

Overigens, installeren is niet het enige commando dat verschuldigd is voor een speed-up. Een zorgvuldige blik op de uitvoer van de opdrachtlijst in de afbeelding laat zien dat config, testen, zoeken en verschillende andere werkwoorden ook de afkortingsbehandeling krijgen. Het gebruik van deze korte vormen maken is een leuke manier om NPM-vaardigheid te demonstreren - vooral als u ze uitlegt voordat u ze voor de eerste keer gebruikt.

05. Noem alle afhankelijkheden

Het vinden van of het pakket A afhankelijk is van pakket b neigt nogal vervelend te zijn. NPM weet dit echter standaard en deelt graag zijn kennis met u. ENTER ENTER NPM LS Om je terminal te overstromen met een boomachtige weergave van alle afhankelijkheden en hun subafhankelijkheden, of je kunt de diepte van de boom beperken door door te geven --Depth = 0 ​

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace /
Snelleftest $ NPM LS --Depth = 0
[email protected] / home / tamhan / nodespace
└── [email protected] 

06. Detecteer verouderde pakketten

De webtoepassingen van vandaag staan ​​in een nooit eindigende hagelstorm aan aanvallen van onverschillig. Het vinden van verouderde afhankelijkheden in uw Node-gebaseerde project is nu net zo eenvoudig als binnenkomen NPM verouderd - Het programma controleert zijn cache en biedt een lijst met tegengesteld pakketjes.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace /
Snelstest $ NPM verouderd
Pakketstroom Gezocht Laatste locatie
Snij voor 1.11.2 1.13.3 1.13.3 Nodespace 

07. Zoek de bron

De meeste NPM-pakketten leven in een github-repository. Deze websites zijn meestal niet beperkt tot het verstrekken van de broncode van het pakket - in de meeste gevallen kunt u ook nuttige monsters en documentatie vinden. Open de URL geassocieerd met uw pakket door Repo & Lt; Packagename & GT; - In de meeste gevallen verschijnt de repository-website in de browser van uw werkstation.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM Repo
Maak 

08. Inspecteer een pakket

Pakketvormige bestanden bevatten waardevolle informatie. Het invoeren van NPM-weergave, of zijn steno v , toont het overzicht afgebeeld in de screenshot die deze stap vergezelt. U zult onder meer achter komen over de nieuwste bèta- en stabiele versie, samen met informatie over distributieformaat en -onderhouders.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM Bekijk
jQuery 

09. Zoek exacte namen

De figuur begeleidende stap 08 toont een verklaring die ons informeert dat 48 versies van de bibliotheek beschikbaar zijn. Het vinden van hun exacte namen wordt het best voltooid via een gespecialiseerde versie van npm v - het dumpt een lijst met alle bekende snaren. Houd er rekening mee dat de vermelding die bij deze stap vergezeld moest worden afgekort voor afgedrukte redenen.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ npm v
jQuery-versies
['1.5.1',
'1.6.2',
​​​
'3.0.0-alfa1',
'3.0.0-bèta1',
'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. Zoek onbekende pakketnamen

Om veel van de bovengenoemde opdrachten te gebruiken, vereist de exacte pakketnaam. Als u het om een ​​of andere reden niet weet, is het zoekopdracht klaar om te helpen. Het kost een of meer snaren en geeft alle pakketnamen enigszins geassocieerd met hen in een tabelvorm.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM
Zoek naar Vue 

11. Zoeken nog meer

Moet NPM-zoekopdracht geen bruikbare leads retourneren, de Garenzoekmachine zorgt voor een logische volgende stop. Het is een voorbeeld voor een krachtigere lokale zoekmachine, maar desalniettemin heeft het tekstvak bovenaan de pagina een talent van het vinden van pakketten die andere motoren over het hoofd hebben.

12. Voeg auto-voltooiing toe

De IntelliSense van Microsoft was het seminale product om generaties van programmeurs vertrouwd te maken met de voordelen van autocomplete met één klik. NPM ondersteunt een vergelijkbare functie, waarvan de activering wordt bereikt via de getoonde opdrachtsequentie. Druk hierna op TAB om bash autocomplete uw invoer te maken.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM
Voltooiing & GT; & GT; ~ / .bashrc
Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ Source
~ / .bashrc 

13. Harness-configuratie-instellingen

Het bovengenoemde NPM-init-opdracht zorgt voor een geweldige eerste stap in de wereld van configuratie-instellingen. Probeer de twee volgende opdrachten om standaardinstellingen in te stellen die vervolgens op alle nieuw gemaakte projectbestanden worden gebruikt.

 NPM-configuratie init.author.name & lt; naam & GT;
NPM-configuratie set init.author.email & lt; e-mail & gt; 

14. Link naar lokale pakketten

Ontwikkelaars die aan een pakket werken en een of meer producten op basis hiervan moeten de Link-functie van NPM gebruiken. Het spawnt een symlink die de lokale pakketmap verbindt met de projecten. Op die manier verandert u automatisch cross-propageren.

 Git Clone & LT; PKGURL & GT;
CD & LT; PKGNAME & GT;
NPM-koppeling
CD ../site
NPM LINK & LT; PKGNAME & GT; 

15. Krijg specifieke versies van pakketten

Gebruik makend van npm i implementeert meestal de nieuwste versie van elk pakket dat het kan vinden. Het kiezen van een specifieke of een oudere versie is ook mogelijk. Gebruik gewoon de ​ Exploitant om uw behoeften op te geven - de monsters die deze stap vergen, vereisen een specifieke en een genoemde versie van VUE.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM I
[email protected]
Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM I
vue @ bèta 

16. Noem alle configuratie-instellingen

Het bovengenoemde configuratiesysteem werkt met een reeks omgevingsvariabelen. Maak een lijst van hun inhoud door binnen te gaan npm run env en het achtervolgen van de resultaten door de grep nut. De afbeelding hierboven toont slechts enkele van de beschikbare instellingen.

 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. Maak een aangepaste variabele

NPM beperkt u niet naar variabelen die door het systeem zijn gemaakt. De fragment die deze stap begeleidt, laadt een bestand dat de eigen variabelen kan verklaren.

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

18. Gebruik het in woede

Wanneer het bovengenoemde bestand op zijn plaats is, gedraagt ​​de nieuw gegenereerde variabele zich net als een van de collega's. Het kan in verschillende opdrachten worden gebruikt, waardoor u hun gedrag op de vlucht moet veranderen.

 "Scripts": {
"Build": "Gulp build --Dist $ NPM_PACKAGE_
config_build_folder "
} 

19. Beheer Node.js en NPM-versies slim

Sommige programma's zijn afhankelijk van specifieke versies van de Node.js-omgeving of de Node.js Package Manager. Mitigeer dergelijke probleembronnen met de knooppuntversiemanager hier gedocumenteerd - Aan de slag is erg gemakkelijk dankzij een installatie-script met één klik.

 Curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.Sh | bash 

20. Werk zonder installatie

Steigergeneratoren en soortgelijke programma's lopen meestal slechts één keer in de levensduur van een project. Handmatig downloaden en uitvoeren wordt snel vervelend. Knooppunt Pakket uitvoeren, of NPX, kan onmiddellijk pakketten uitvoeren. Als de vereiste bestanden niet bij de hand zijn, downloadt het programma deze eenvoudig voordat u de uitvoering begint.

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPX
CREATE-react-app My-app 

21. Sloot die wifi

Laten we aan het einde de meest controversiële tun-up truc zetten. DITHING WIFI voor een bekabelde verbinding met uw router snijdt een kostbare 10 tot 20 milliseconden uit elke ronde reis. Op de lange termijn optellen deze besparingen - vooral wanneer u naar bewerkingen kijkt met honderden pakketuitwisselingen.

Dit artikel is oorspronkelijk gepubliceerd in kwestie 284 van Creative Web Design Magazine Webdesigner ​ Koop hier nummer 284 of Abonneer u hier op Web Designer ​

Gerelateerde artikelen:

• Ga aan de slag met Babel 7
• 8 Essentiële prototyping en bouwgereedschap
• Ontwikkel herbruikbare reageercomponenten