NPM ile üretkenliği artırmanın 21 yolu

Sep 13, 2025
Nasıl Yapılır
21 ways to improve productivity with npm

Düğüm Paket Yöneticisi veya Kısacası NPM, modern Javascript dünyasının her yerinde kullanır. Genelde işini minimum sorunla yaptığı gibi, geliştiriciler onu kullanarak harcanan zamanı unutma eğilimindedir. Bu büyük bir problem olmasa da, NPM size çok değerli zaman kazandırmak için tasarlanmış bir dizi son derece şık özellik içerir.

Diğer birçok optimizasyonda olduğu gibi, her önlem evrensel olarak uygulanabilir değildir. Aşağıdaki adımlar, verimliliği artırma potansiyeline sahip olan birkaç 'bilmenin' olduğunu, daha azını yazmanızı veya bekleme süresini azaltmasını sağlar.

Bazı evrensel zaman koruyucuları ister misiniz? En iyisine olan rehberimiz Web Sitesi Oluşturucu Siteler bir esinti oluşturur, Bulut depolama işbirlikçi sürecinizi kolaylaştıracak ve iyi ağ sağlayıcısı Sizi destekleyemez.

  • 20 parlak jquery eklentisi

'Daha Hızlı NPM' sanatını incelemek kendi içinde bir son değil. Daha fazla yapmanıza ek olarak, gelişmiş konsol becerilerini göstermek, meslektaşları ve olası işe alımları etkilemenin sağlam bir yoludur - günümüzün hiper-rekabetçi çalışma alanında, her küçük yardım ve birkaç nifty kısayaklı izleyicileri etkilemek için harika bir yoldur. bir ruckus.

Son olarak, bazı insanlar iş akışlarını optimize etmekten keyif alırlar. Yani kısa sürede, NPM'yi ayarlamak için yollara bakmak her zaman mantıklıdır. İşte en iyi NPM chacks'lerden birkaçı.

  • Node.js 10'da yeni olanlar?

01. İlerleme çubuğunu öldür

NPM işlemleri oldukça yoğun olabilir gibi, bir ilerleme çubuğu ortaya çıkıyor. Ne yazık ki, zaman alır - zaman alır - bazı durumlarda, zamanın yüzde 50'si kullanıcı arayüzünü güncellemek için harcanır. Neyse ki, ilerleme ortamının değişkenini yanlış olarak ayarlayarak ilerleme çubuğunu ortadan kaldırabilirsiniz. 

 Tamhan @ Tamhan-ThinkPad: ~ / NedresSespace / Futurenpm $
NPM ayarlama işlemi = yanlış
Tamhan @ Tamhan-ThinkPad: ~ / NedresSpace / Futurenpm $
NPM ilerleme
YANLIŞ

02. Yazmadan Paketleri

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

Node.js varsayılan bir paketi oluşturur.

Tekrarlanan, geri dönüş anahtarının ritüel çekiçleri, çok geniş ve geniş yeni NPM projelerinin oluşturulmasına eşlik eder. Bu tamamen gereksizdir - sadece parametreyi geç -y Dağıtım Asistanı tarafından sunulan tüm varsayılanları onaylamak için. Node.js, yukarıdaki resimde gösterilen içeriğe sahip bir varsayılan paketi oluşturur. 

 TAMHAN @ Tamhan-ThinkPad: ~ / NedresSespace /
FASTNODETEST $ NPM INIT -Y

03. Komutları yazmayın

Düğüm komutları bir fiilden ve bir veya daha fazla parametreden oluşur. Yaygın olarak kullanılanlar - 'kurulum' hemen akla geliyor - kısa tek harfli kısaltmalarla değiştirilebilir. Teknik bakış açısıyla, npm ben ve npm yükleme Aynı şeyler: Tek fark, bunları girmek için gereken yazmanın miktarıdır. 

 NPM Gulp-Debug Yükle
NPM I Gulp-Debug

04. Diğer fiilleri de öldür

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

Kısa formları kullanmak NPM becerilerini göstermek için iyi bir yoldur

Tesadüfen, Yüklemek hızlandırılacak olan tek komut değil. Şekildeki komut listesinin çıktısına dikkatli bir görünüm, yapılandırma, test, arama ve diğer bazı fiillerin kısaltma tedavisini de ortaya koyduğunu ortaya koymaktadır. Bu kısa formları kullanmak, NPM yeterliliğini göstermenin güzel bir yoludur - özellikle onları ilk kez kullanmadan önce açıklarsanız.

05. Tüm Bağımlılıkları Listele

Paket A paketine bağlı olup olmadığını bulmak oldukça sıkıcı olma eğilimindedir. Ancak, NPM bunu varsayılan olarak bilir ve bilgisini sizinle birlikte paylaşır. Basitçe girin npm ls Terminalinizi tüm bağımlılıkların ve alt bağımlılıklarının ağaç benzeri bir temsili ile sulandırmak veya geçerek ağacın derinliğini sınırlayabilirsiniz. --depth = 0 . 

 TAMHAN @ Tamhan-ThinkPad: ~ / NedresSespace /
FastifyTest $ $ npm ls --depth = 0
[email protected] / HOME / TAMHAN / NEDENSESPACE
└── [email protected]

06. Eski paketleri tespit edin

Günümüzün web uygulamaları, yaramazlıklardan gelen hiç bitmeyen bir hail fırtınasında durur. Düğüm tabanlı projenizdeki modası geçmiş bağımlılıkları bulmak şimdi girmek kadar kolaydır npm modası geçmiş - Program önbelleğini kontrol eder ve bir liste sağlar gözden geçirilmiş paketler. 

 TAMHAN @ Tamhan-ThinkPad: ~ / NedresSespace /
FastifyTest $ NPM modası geçmiş
Paket Mevcut En Son Konum İstenen
Hızlandırma 1.11.2 1.13.3 1.13.3 NOMESPACE

07. Kaynağı bulun

21 ways to improve productivity with npm: Find the source

Github depolarındaki paketler için yararlı örnekleri ve belgeleri bulun

Çoğu NPM paketleri bir GitHub deposunda yaşar. Bu web siteleri genellikle paket kaynak kodunu sağlamakla sınırlı değildir - çoğu durumda, faydalı örnekler ve belgeler de bulabilirsiniz. Paketinizle ilişkili URL'yi Repo & LT; PACKAGENAME & GT; - Çoğu durumda, depo web sitesi iş istasyonunuzun tarayıcınızda açılacaktır. 

 TAMHAN @ Tamhan-ThinkPad: ~ / NedresSet $ ​​NPM Repo
Bağlantı

08. Bir paketi inceleyin

21 ways to improve productivity with npm: Inspect a package

NPM görünümü girerek değerli bilgiler verebilir

Paket tezahür dosyaları değerli bilgiler içerir. NPM görünümüne veya bransiyonuna girme v , bu adıma eşlik eden ekran görüntüsünde gösterilen genel bakış gösterir. Diğer şeylerin yanı sıra, genellikle en son beta ve istikrarlı versiyonu, dağıtım formatı ve bakımı hakkında bilgi ile birlikte öğreneceksiniz. 

 TAMHAN @ Tamhan-ThinkPad: ~ / Nedaspace $ NPM görünümü
jquery

09. Tam adları bulun

Adım 08 eşlik eden Şekil, bize kütüphanenin 48 versiyonunun mevcut olduğunu bildiren bir ifadeyi göstermektedir. Tam isimlerini bulmak, en iyi şekilde uzmanlaşmış bir sürümü ile gerçekleştirilir. npm v - Bilinen tüm dizelerin bir listesini terk eder. Bu adıma eşlik eden listelenin yazdırılabilirlik nedeniyle kısaltılması gerektiğini unutmayın. 

 Tamhan @ Tamhan-thinkPad: ~ / Nedespace $ npm v
jquery versiyonları
['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: ~ / Nedaspace $

10. Bilinmeyen paket isimlerini bulun

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

Bir paket adı bilmediğinizde arama komutu size yardımcı olabilir

Yukarıda belirtilen komutların çoğunu kullanmak için tam paket adını gerektirir. Bir nedenden ötürü bilmiyorsanız, arama komutu yardım etmeye hazırdır. Bir veya daha fazla dizesi alır ve tüm paket adlarını bir şekilde bunlarla bir tablo halinde ilişkilendirir. 

 Tamhan @ tamhan-thinkPad: ~ / NedresSet $ ​​npm
ARAMA VUE

11. daha fazla arama yapın

21 ways to improve productivity with npm: Search even more

İplik, NPM'nin en iyi çabalarının ellerinden geleni yapan paketleri bulabilir.

NPM Arama Döndürmesi Faydalı Uçuş yok mu, İplik Arama Motoru mantıklı bir sonraki durak için yapar. Daha güçlü bir yerel arama motoru için bir önizlemedir, ancak bununla birlikte, sayfanın üstündeki metin kutusu, diğer motorların göz ardı etme eğiliminde olan paketleri bulma aşamasına sahiptir.

12. Otomatik Tamamlama Ekleyin

Microsoft'un IntelliSense, bir tıklama otomatik tamamlayıcısının faydaları ile programcıların nesillerini tanımak için seminal üründü. NPM, aktivasyonu gösterilen komut dizisi aracılığıyla gerçekleştirilen benzer bir özelliği destekler. Bundan sonra, bash otomatik tamamlamak için SEKME tuşuna basın. 

 Tamhan @ tamhan-thinkPad: ~ / NedresSet $ ​​npm
Tamamlama ve GT; & GT; ~ / .bashrc
Tamhan @ Tamhan-ThinkPad: ~ / Nedaspace $ Kaynak
~ / .bashrc

13. Koşum Yapılandırma Ayarları

21 ways to improve productivity with npm: Harness configuration settings

Bir şeyleri daha hızlı hareket ettirmek için varsayılanları ayarlayın.

Yukarıda belirtilen NPM Init komutu, yapılandırma ayarlarının dünyasına ilk adım atar. Varsayılanları yeni oluşturulan tüm projelerde kullanılacak varsayılanları ayarlamak için aşağıdaki komutu deneyin. 

 NPM config set init.author.Name & lt; ad & gt;
NPM config set init.author.email & lt; e-posta ve gt;

14. Yerel paketlere bağlantı

Bir paket üzerinde çalışan geliştiriciler ve üzerine bağlı bir veya daha fazla ürün NPM'nin bağlantı özelliğini kullanmalıdır. Yerel paket klasörünü projelere bağlayan bir simge kaynağı ortaya çıkar. Bu şekilde, geçişi otomatik olarak geçiş yapar. 

 Git Clone; PKGURL & GT;
CD; PKGNAME & GT;
npm link
CD ../site
NPM Link & LT;

15. Paketlerin belirli sürümlerini alın

Kullanma npm ben Genellikle bulabileceği herhangi bir paketin en son sürümünü alır. Belirli bir veya daha eski bir versiyonu seçmek de mümkündür. Sadece kullanın @ Operatör ihtiyaçlarınızı belirtmek için - bu adıma eşlik eden örnekler belirli bir VUE ve adlı bir versiyonunu gerektirir. 

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

16. Tüm Yapılandırma Ayarlarını Listele

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

Oynamak için birçok yapılandırma ayarları var.

Yukarıda belirtilen yapılandırma sistemi, bir dizi ortam değişkeniyle çalışır. İçeriğini girerek listeleyiniz. npm env run ve sonuçları takip etmek grep Yarar. Yukarıdaki resim, mevcut ayarların sadece birkaçını gösterir. 

 TAMHAN @ Tamhan-ThinkPad: ~ / NedresSespace / 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. Özel bir değişken oluşturun

NPM, sizi sistem tarafından oluşturulan değişkenlere sınırlamaz. Bu adıma eşlik eden snippet, kendi değişkenlerini bildirebilecek bir dosyayı yükler. 

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

18. Öfkeyle kullanın

Yukarıda belirtilen dosya yerinde olduğunda, yeni oluşturulan değişken, meslektaşlarının herhangi biri gibi davranacaktır. Çeşitli komutlarda kullanılabilir, davranışlarını sinek tadı için değiştirmenize izin verir. 

 "Scripts": {
"Build": "Gulp Build - DÖNEMİ $ NPM_PACKAGE_
conffig_build_folder "
}

19. NODE.JS ve NPM sürümlerini akıllıca yönetin

Bazı programlar, NODE.JS ortamının belirli sürümlerine veya NODE.JS paket yöneticisine bağlıdır. Düğüm sürümü yöneticisi ile bu tür problem kaynaklarını hafifletin burada belgelendi - Başlarken tek tıklamayla yükleme komut dosyası sayesinde gerçekten kolaydır. 

 curl - 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

Web Tasarımcıları için ödüllü kazanan konferans, 24-25 Nisan'da NYC'ye döner! Bir bilet rezervasyonu yapmak için resme tıklayın

20. Kurulumsuz çalıştırın

21 ways to improve productivity with npm: Run without installation

NPX ile hemen paketleri çalıştırarak zaman kazanın

İskele jeneratörleri ve benzeri programlar genellikle bir projenin ömrü içinde sadece bir kez çalışır. El ile indirmek ve yürütmek hızlı bir şekilde sıkıcı olur. Düğüm Paketi Yürüt veya NPX, hemen paketleri çalıştırabilir. Gerekli dosyalar elinizde değilse, program sadece yürütülmeden önce onları indirir. 

 TAMHAN @ Tamhan-ThinkPad: ~ / Nedaspace $ NPX
Create-React-App My-App

21. o wifi hendek

Sonunda en tartışmalı ayar numarasını koyalım. Yönlendiricinize kablolu bir bağlantı için WiFi'yi hendekleştirmek, her gidiş seyahatinden bir değerli 10 ila 20 milisaniye keser. Uzun vadede, bu tasarruflar, özellikle yüzlerce paket değişimini içeren operasyonlara bakarken.

Bu makale başlangıçta yaratıcı web tasarım dergisinin 284 sayısında yayınlandı. Web tasarımcısı . Sayı 284 burada satın al veya Burada web tasarımcısına abone olun .

İlgili Makaleler:

  • Babel 7 ile başlayın
  • 8 Temel Prototipleme ve Yapı Araçları
  • Yeniden kullanılabilir reaksiyon bileşenleri geliştirin

Nasıl Yapılır - En Popüler Makaleler

Photoshop'ta bir meme nasıl yapılır

Nasıl Yapılır Sep 13, 2025

(Görüntü Kredi: Matt Smith) Photoshop'ta bir meme yapmayı bilmek ister misiniz? Bu rehber yardımcı olmak için ..

Flash oyunlarını HTML5'e dönüştürün

Nasıl Yapılır Sep 13, 2025

Flaş yavaş yavaş Adobe tarafından HTML5 ve JavaScript lehine terk edilir; Resmi hayat sonu 2020 yılı için belirlenmiştir...

Apple'ın Fotoğraf App Mastering için 10 İpuçları

Nasıl Yapılır Sep 13, 2025

MacOS fotoğrafları uygulaması iPhoto olarak hayata başladı: dijital fotoğrafları yönetmek için bir tüketici uygulaması..

CSS kullanarak karmaşık düzenler nasıl oluşturulur

Nasıl Yapılır Sep 13, 2025

Web için düzen her zaman sınırlı kalmıştır, gerçekten hiçbir zaman, anlamlı bir şekilde görüntülenmesi kolay bir �..

Kendi WebGL fiziğinizi oluşturun

Nasıl Yapılır Sep 13, 2025

Bu proje farklı parçalara ayrılacak. Heroku'ya kısa bir giriş yapacağız, Physij'lerin üç.j'le nasıl kullanılacağını..

Açısal olarak tam sayfa bir web sitesi oluşturulur

Nasıl Yapılır Sep 13, 2025

Sayfa 1/4: Sayfa 1 Sayfa 1 Sayfa 2 Sayfa 3 ..

PRO Rehberi 3B dokular oluşturma

Nasıl Yapılır Sep 13, 2025

Beş olağanüstü sanatçı, ticaretlerinin hilelerini gösterir, kentsel, bilimkuron, doğal, stilize ve fantezi dokular nasıl..

Kıyafetten Kürklü 3D karakter oluşturun

Nasıl Yapılır Sep 13, 2025

Kürk karakteri oluşturmak kolay olabilir, ancak gerçekten çekici bir parçayı yapmak istiyorsanız 3d sanat D..

Kategoriler