21 sposobów na poprawę wydajności z NPM

Sep 13, 2025
Jak
21 ways to improve productivity with npm

Menedżer pakietów węzłów lub NPM na krótki, widzi korzystanie z całego współczesnego świata JavaScript. Ponieważ zwykle ma swoją pracę z minimalnymi problemami, deweloperzy mają tendencję do zapomnienia czasu spędzonego na użyciu. Chociaż nie jest to duży problem, NPM zawiera zestaw niezwykle łańcuchowych funkcji, które mają na celu zaoszczędzenie wielu cennych czasów.

Podobnie jak w przypadku większości innych optymisów, a nie każdy środek jest powszechnie stosowany. Poniższe kroki pokazują kilka "powinno wiedzieć", które mają potencjał do poprawy wydajności, sprawia, że ​​wpisujesz mniej lub zmniejszyć czas oczekiwania.

Chcesz trochę uniwersalnych oszczędzających czasów? Nasz przewodnik po najlepszych Kreator strony internetowej sprawi, że tworzy witryny bryzie, magazyn w chmurze usprawni proces współpracy i przyzwoity hosting nie wspiera cię żadnego końca.

  • 20 błyskotliwych wtyczek jquery

Studiowanie sztuki "szybszego NPM" nie jest końcem samego samego siebie. Oprócz pozwala uzyskać więcej, pokazując zaawansowane umiejętności konsoli, jest spaleniowym sposobem na imponujący kolegów i możliwych rekrutujących - w dzisiejszym hiper-konkurencyjnym obszarze roboczym, każda pomaga, a imponującym widzami z kilkoma fajnymi skrótów jest świetnym sposobem na podniesienie Rukiecki.

Wreszcie, niektórzy ludzie po prostu zdobywają radość od optymalizacji ich przepływów pracy. Więc w skrócie, spójrz na sposoby dostrojenia NPM zawsze ma sens. Oto kilka najlepszych NPM-Whack.

  • Co nowego w Node.js 10?

01. Zabij pasek postępu

Ponieważ operacje NPM mogą być bardzo intensywne, pojawia się pasek postępu. Niestety, wyświetlanie wymaga czasu - w niektórych przypadkach, do 50 procent czasu spędza aktualizację interfejsu użytkownika. Na szczęście można wyeliminować pasek postępu, ustawiając zmienną środowiskową postępową na false. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace / futurenpm $
NPM Set Progress = False
Tamhan @ Tamhan-ThinkPad: ~ / Godespace / futurenpm $
NPM uzyskać postęp
Fałsz

02. Pakiety odrodzenia bez pisania

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

Node.js generuje domyślny pakiet.Son

Powtarzający się, rytualny młotek klucza powrotnego towarzyszy stworzeniu nowych projektów NPM daleko i szeroko. Jest to całkowicie niepotrzebne - po prostu przejść parametr -Y. Aby potwierdzić wszystkie domyślne oferowane przez asystenta wdrażania. Node.js generuje domyślny pakiet.Son z zawartością wyświetlaną na powyższym obrazku. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace /
fastnodetest $ npm init -y

03. Nie wpisuj poleceń

Polecenia węzła składają się z czasownika i jednego lub więcej parametrów. Powszechnie używane - "Instalacja" przychodzi do głowy od razu - można zastąpić krótkimi skrótów jednoliterowych. Z technicznego punktu widzenia, NPM I. i NPM Install. są takie same: Jedyną różnicą jest ilość pisania, który jest potrzebny do ich wprowadzenia. 

 NPM Zainstaluj Gulp-Debug
NPM I Gulp-Debug

04. Zabij też innych czasowników

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

Korzystanie z krótkich form jest dobrym sposobem na wykazanie umiejętności NPM

Nawiasem mówiąc, zainstalować nie jest jedynym poleceniem, który jest spowodowany szybkością. Ostrożnym spojrzeniem na wyjście listy poleceń na rysunku ujawnia, że ​​konfiguracja, test, wyszukiwanie i kilka innych czasowników otrzymują również leczenie skrótu. Wykorzystanie tych krótkich form jest miły sposób wykazania biegłości NPM - zwłaszcza jeśli wyjaśnisz je przed użyciem ich po raz pierwszy.

05. Wymień wszystkie zależności

Dowiedz się, czy pakiet A zależy od pakietu B ma tendencję do raczej żmudny. Jednak NPM zna domyślnie i chętnie dzieli swoją wiedzę z Tobą. Wystarczy wejść NPM LS. zalać terminalem z podobną do drzewa reprezentacji wszystkich zależności i ich podwiązków, lub można ograniczyć głębokość drzewa, przechodząc --Depth = 0. . 

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

06. Wykryj przestarzałe pakiety

Dzisiejsze aplikacje internetowe stoją w nieskończonej gradę do ataków z błędów. Znalezienie przestarzałych zależności w projekcie opartym na węźle jest teraz tak łatwe jak wejście NPM przestarzały - Program sprawdza jego pamięć podręczną i zapewnia listę omówić pakiety. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace /
FastifyTest $ NPM przestarzały
Pakiet bieżący poszukiwany najnowszą lokalizację
Faszyjne 1.11.2 1.13.3 1.13.3 Godespace

07. Znajdź źródło

21 ways to improve productivity with npm: Find the source

Znajdź przydatne próbki i dokumentację pakietów w ich repozytoriach Github

Większość pakietów NPM mieszka wewnątrz repozytorium Githuba. Te strony internetowe zwykle nie ograniczają się do zapewnienia kodu źródłowego opakowania - w większości przypadków, można również znaleźć przydatne próbki i dokumentację. Otwórz adres URL związany z pakietem, wprowadzając Repo & LT; Packagename & GT; - W większości przypadków strona internetowa repozytorium pojawi się w przeglądarce stacji roboczej. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace $ NPM Repo
Opaski

08. Sprawdź pakiet

21 ways to improve productivity with npm: Inspect a package

Wejście Widok NPM może uzyskać cenne informacje

Pakiet manifestowane pliki zawierają cenne informacje. Wprowadzanie widoku NPM lub jego skrót V. , pokazuje przegląd na zdjęciu w zrzucie ekranu towarzyszące temu krokowi. Między innymi zazwyczaj dowiesz się o najnowszej wersji beta i stabilnej, wraz z informacjami o formacie dystrybucji i opiekunów. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace $ NPM Widok
jQuery

09. Znajdź dokładne nazwy

Rysunek towarzyszący krokiem 08 przedstawia oświadczenie informujące nas, że dostępne są 48 wersji biblioteki. Dowiedz się, że ich dokładne nazwy najlepiej wykonać specjalistyczną wersję NPM V. - Zrzuca listę wszystkich znanych strun. Należy mieć na uwadze, że aukcja towarzysząca temu krok musiał zostać skrócony z powodów drukowania. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace $ NPM V
Wersje 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",
"3.2.0 ',
"3.2.1",
"3.3.0 ',
"3.3.1 ']
Tamhan @ Tamhan-ThinkPad: ~ / Godespace $

10. Znajdź nieznane nazwy pakietów

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

Polecenie wyszukiwania może pomóc, gdy nie znasz nazwy pakietu

Aby użyć wielu wyżej wymienionych poleceń wymaga dokładnej nazwy pakietu. Jeśli nie znasz tego z jakiegoś powodu, polecenie wyszukiwania jest gotowe do pomocy. Bierze jeden lub więcej strun i wyjść wszystkie nazwy pakietów, które nieco związane z nimi w formie tabelarycznej. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace $ NPM
Wyszukaj vue

11. Wyszukaj jeszcze więcej

21 ways to improve productivity with npm: Search even more

Przędza może znaleźć pakiety, które wybierają najlepsze wysiłki NPM

Powinien NPM Wyszukiwanie zwrócić żadnych przydatnych odprowadzeń, Wyszukiwarka przędzy. sprawia, że ​​logiczny następny przystanek. Jest to podgląd dla bardziej potężnej lokalnej wyszukiwarki, ale mimo że pole tekstowe na górze strony ma talent do znalezienia pakietów Inne silniki wydają się przeoczyć.

12. Dodaj auto-zakończenie

Intellisense Microsoft był produktami, aby zapoznać pokolenia programistów z korzyściami z autouzupełniania jednego kliknięcia. NPM obsługuje podobną funkcję, której aktywacja jest wykonana za pomocą pokazanej sekwencji poleceń. Następnie naciśnij kartę, aby wykonać autouzupełnianie się bash. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace $ NPM
Zakończenie & GT; & GT; ~ / .bashrc.
Tamhan @ Tamhan-ThinkPad: ~ / Godespace $ Źródło
~ / .bashrc

13. Ustawienia konfiguracji uprzęży

21 ways to improve productivity with npm: Harness configuration settings

Ustaw ustawienia domyślne, aby poruszać się szybciej

Wyżej wymienione polecenie NPM init zapewnia świetny krok do świata ustawień konfiguracji. Wypróbuj dwa następujące polecenia, aby ustawić ustawienia domyślne, które będą następnie używane na wszystkich nowo utworzonych plikach projektu. 

 NPM Config Set Init.author.name & LT; Nazwa & GT;
NPM Config Set init.author.email & LT; Email & GT;

14. Link do lokalnych pakietów

Deweloperzy pracujący na pakiecie i jednym lub kilku produktach na podstawie należy używać funkcji łącza NPM. Odradza symulowanie symulowania łączącego folder pakietu lokalnego do projektów. W ten sposób zmiany automatycznie zmienia się rozprzestrzeniać. 

 Git Clone & Pkgurl & GT;
CD & LT; PKGNAME & GT;
NPM Link.
CD ../site.
NPM Link & LT; PKGName & GT;

15. Uzyskaj określone wersje pakietów

Za pomocą NPM I. Zwykle wdraża najnowszą wersję dowolnego pakietu, który może znaleźć. Wybieranie określonej lub starszej wersji jest możliwe. Po prostu użyj @ Operator, aby określić swoje potrzeby - próbki towarzyszące temu krokowi wymagają określonej i nazwanej wersji VUE. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace $ NPM I
[email protected].
Tamhan @ Tamhan-ThinkPad: ~ / Godespace $ NPM I
vue @ beta

16. Wymień wszystkie ustawienia konfiguracji

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

Istnieje wiele ustawień konfiguracji do gry

Wyżej wymieniony system konfiguracji działa z zestawem zmiennych środowiskowych. Wymień ich zawartość, wprowadzając NPM RUN ENV. i gonić wyniki przez grep. użyteczność. Powyższy obraz pokazuje tylko kilka dostępnych ustawień. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace / NodeTest2 $
NPM RUN ENV | grep npm_
NPM_Config_Cache_lock_stale = 60000.
NPM_CONFIG_HAM_IT_UP =.
NPM_Config_legary_bundling =.
NPM_CONFIG_SIGN_GIT_TAG =.
. . .

17. Utwórz niestandardową zmienną

NPM nie ogranicza cię do zmiennych utworzonych przez system. Fragment towarzyszący temu kroku ładuje plik, który może zadeklarować własnych zmiennych. 

 "Config": {
"Build_folder": "./ dist"
}

18. Użyj go w gniewie

Gdy wyżej wymieniony plik jest na miejscu, nowo wygenerowana zmienna będzie zachowywać się tak jak każdy z jego kolegów. Może być używany w różnych poleceń, umożliwiając zmianę ich zachowania do smaku w locie. 

 "Skrypty": {
"Build": "Gulp Build --dist $ NPM_PACKAGE_
config_build_folder "
}

19. Migierkuj Wersje Node.js i NPM

Niektóre programy zależą od konkretnych wersji środowiska Node.js lub menedżera pakietów Node.js. Złagodzić takie źródła problemów z menedżerem wersji węzła Dokumentowany tutaj - Pierwsze kroki jest naprawdę proste dzięki skryptowi zainstalowania jednego kliknięcia. 

 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

Generuj, nagradzaną konferencję dla projektantów stron internetowych, wraca do NYC 24-25! Kliknij obraz, aby zarezerwować bilet

20. Uruchom bez instalacji

21 ways to improve productivity with npm: Run without installation

Oszczędzaj czas, natychmiast uruchomiony pakiety z NPX

Generatory rusztowań i podobne programy zwykle działają tylko raz w życiu projektu. Ręczne pobieranie i wykonanie ich szybko jest żmudne. Pakiet węzłów Wykonawca lub NPX, można natychmiast uruchomić pakiety. Jeśli wymagane pliki nie są pod ręką, program po prostu pobiera je przed rozpoczęciem wykonania. 

 Tamhan @ Tamhan-ThinkPad: ~ / Godespace $ NPX
Utwórz-reaguj-App My-App

21. Ditch, że wifi

Umieśćmy najbardziej kontrowersyjną sztuczkę Tune-up na końcu. Ditching WiFi do podłączenia przewodowego z routerem odetka cenne 10 do 20 milisekund z każdej podróży w obie strony. W dłuższej perspektywie te oszczędności sumują - zwłaszcza patrząc na operacje, które obejmują setki wymiany opakowania.

Ten artykuł został pierwotnie opublikowany w wydaniu 284 kreatywnego magazynu projektowania stron internetowych Projektant stron internetowych . Kup problem 284 tutaj lub Subskrybuj tutaj projektant stron internetowych .

Powiązane artykuły:

  • Zacznij od Babel 7
  • 8 Istotnych narzędzi prototypowych i budowy
  • Rozwijaj składniki reagowania wielokrotnego użytku

Jak - Najpopularniejsze artykuły

Jak edytować wideo na Tiktok

Jak Sep 13, 2025

(Kredyt obrazu: Mabel Wynne) Uczenie się, jak edytować wideo na Tiktoku prawdopodobnie nie byłoby coś, co chciał..

Jak zatrzymać okulary zaparujące podczas noszenia maski na twarz

Jak Sep 13, 2025

(Kredyt obrazu: Getty Images) Jeśli twoje okulary utrzymują zaparwanie, gdy masz na sobie maskę twarzy, nie jeste�..

Jak usunąć zmarszczki w Photoshopie

Jak Sep 13, 2025

(Kredyt obrazu: Jason Parnell-Brookes) Ten samouczek pokaże ci, jak usunąć zmarszczki w Photoshopie. Ale zanim zac..

Jak utworzyć ikonę aplikacji w Illustrator

Jak Sep 13, 2025

Strona 1 z 2: Jak utworzyć ikonę aplikacji Illustrator: Steps 01-11 Jak utworzyć ikonę aplikacji Illustrator: Steps 01-11 ..

Maluj jak impresjonista

Jak Sep 13, 2025

Impresjonistyczna grafika była świeża i spontaniczna i wykonana z pogrubionymi pędzlem, które nie ujawniły zbyt wiele szcze..

Jak zrobić renderujące renderowanie samochodów sportowych

Jak Sep 13, 2025

W ciągu ostatnich lat wyhonowałem moje umiejętności w oświetleniu i renderowaniu, a także niektóre inne techniki z różny..

Jak zaprojektować promocję dla wyimaginowanej marki

Jak Sep 13, 2025

Przy projektowaniu marki, niezależnie od tego, czy jest to ustalony lub uruchomienie, w którym biorąc twórczy przewód, konsystencja we wszystkich punktach dotykowych jest kluczowa. ..

Jak wykonać elastyczną platformę wstążki

Jak Sep 13, 2025

Ratowanie wstążki są dość powszechne 3d art. W dzisiejszych czasach produkcyjne. Mają podobne zachowanie do ..

Kategorie