21 cách để cải thiện năng suất với NPM

Sep 14, 2025
Cách
[số 8]

Trình quản lý gói Node hoặc ngắn gọn, xem xét sử dụng tất cả các thế giới JavaScript hiện đại. Vì thường làm công việc của nó với các vấn đề tối thiểu, các nhà phát triển có xu hướng quên thời gian sử dụng nó. Mặc dù đây không phải là một vấn đề lớn, NPM có chứa một tập hợp các tính năng cực kỳ tiện lợi nhằm cứu bạn rất nhiều thời gian có giá trị.

Như với hầu hết các tối ưu hóa khác, không phải mọi biện pháp đều được áp dụng phổ biến. Các bước sau đây cho thấy một vài 'nên biết' có khả năng cải thiện năng suất, khiến bạn gõ ít hơn hoặc giảm thời gian chờ đợi.

Muốn một số tiết kiệm thời gian phổ quát? Hướng dẫn của chúng tôi về tốt nhất người tạo ra trang web sẽ làm cho việc tạo các trang web một cách dễ dàng, lưu trữ đám mây sẽ hợp lý hóa quy trình hợp tác của bạn, và đàng hoàng web hosting sẽ hỗ trợ bạn không có kết thúc.

  • 20 plugin jQuery Brilliant

Nghiên cứu nghệ thuật 'NPM nhanh hơn' không phải là kết thúc. Ngoài việc cho phép bạn hoàn thành nhiều hơn, thể hiện các kỹ năng điều khiển nâng cao là một cách chắc chắn để gây ấn tượng với các đồng nghiệp và những nhà tuyển dụng có thể - trong không gian làm việc siêu cạnh tranh ngày nay, mỗi lần giúp đỡ, và gây ấn tượng với những người xem một vài phím tắt tiện lợi là một cách tuyệt vời để nâng cao một ruckus.

Cuối cùng, một số người chỉ đơn giản là có được niềm vui để tối ưu hóa quy trình làm việc của họ. Vì vậy, tóm lại, hãy xem các cách để điều chỉnh NPM luôn có ý nghĩa. Dưới đây là một vài trong số những trò chơi NPM tốt nhất.

  • Có gì mới trong Node.js 10?

01. Giết thanh tiến trình

Khi các hoạt động NPM có thể khá tốn thời gian, một thanh tiến trình xuất hiện. Đáng buồn thay, hiển thị để mất thời gian - trong một số trường hợp, tối đa 50 phần trăm thời gian được dành để cập nhật giao diện người dùng. May mắn thay, bạn có thể loại bỏ thanh tiến trình bằng cách đặt biến môi trường tiến trình thành Sai. 

 Tamnhan @ Tamhan-ThinkPad: ~ / Nodespace / Futurenpm $
NPM TIẾP TỤC = SAI
TAMHAN @ TAMHAN-THEMENPAD: ~ / NODESPACE / FuturenPM $
NPM đạt được tiến bộ
Sai

02. Gói sinh sản mà không gõ

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

Node.js tạo một gói mặc định.json

Lặp đi lặp lại, nghi thức búa của chìa khóa trở lại kèm theo việc tạo ra các dự án NPM mới xa và rộng. Điều này hoàn toàn không cần thiết - chỉ cần vượt qua tham số -chỉ Để xác nhận tất cả các mặc định được cung cấp bởi trợ lý triển khai. Node.js tạo ra một gói mặc định.json với các nội dung được hiển thị trong hình trên. 

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

03. Không gõ lệnh

Các lệnh nút bao gồm một động từ và một hoặc nhiều tham số. Những cái thường được sử dụng - 'Cài đặt' đến với tâm trí ngay lập tức - có thể được thay thế bằng chữ viết tắt ngắn một chữ cái. Từ quan điểm kỹ thuật, NPM I. và Cài đặt NPM giống nhau: Sự khác biệt duy nhất là lượng gõ cần thiết để nhập chúng. 

 NPM cài đặt Gulp-Gỡ lỗi
NPM I GULP-DEBUG

04. Giết các động từ khác quá

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

Sử dụng các hình thức ngắn là một cách tốt để chứng minh các kỹ năng NPM

Tình cờ, Tải về không phải là lệnh duy nhất là do tốc độ tăng tốc. Một cái nhìn cẩn thận về đầu ra của danh sách lệnh trong hình cho thấy cấu hình, kiểm tra, tìm kiếm và một số động từ khác cũng có được điều trị bằng chữ viết tắt. Sử dụng các hình thức ngắn này là một cách tốt đẹp để chứng minh trình độ NPM - đặc biệt nếu bạn giải thích chúng trước khi sử dụng chúng lần đầu tiên.

05. Liệt kê tất cả các phụ thuộc

Tìm hiểu xem gói có phụ thuộc vào gói B có xu hướng khá tẻ nhạt. Tuy nhiên, NPM biết điều này theo mặc định và sẵn sàng chia sẻ kiến ​​thức của nó với bạn. Chỉ cần nhập NPM LS. tràn ngập thiết bị đầu cuối của bạn với một biểu diễn giống như cây của tất cả các phụ thuộc và phụ thuộc phụ của chúng, hoặc bạn có thể giới hạn độ sâu của cây bằng cách truyền vào --Depth = 0. . 

 Tamnan @ Tamhan-ThinkPad: ~ / NODESPACE /
fastifytest $ npm ls --depth = 0
[email protected] / Trang chủ / Tamnan / Nodespace
└── [email protected]

06. Phát hiện các gói lỗi thời

Các ứng dụng web ngày nay đứng trong một trận tấn công không bao giờ kết thúc từ những người phản bội. Tìm các phụ thuộc lỗi thời trong dự án dựa trên nút của bạn bây giờ dễ dàng như nhập NPM đã lỗi thời - Chương trình kiểm tra bộ đệm của nó và cung cấp một danh sách overaged. gói. 

 Tamnan @ Tamhan-ThinkPad: ~ / NODESPACE /
FastifyTest $ NPM đã lỗi thời
Gói hiện tại mong muốn mới nhất
FASTIFY 1.11.2 1.13.3 1.13.3 NODESPACE

07. Tìm nguồn

21 ways to improve productivity with npm: Find the source

Tìm các mẫu và tài liệu hữu ích cho các gói trong kho GitHub của họ

Hầu hết các gói NPM sống trong một kho lưu trữ Github. Các trang web này thường không giới hạn trong việc cung cấp mã nguồn gói - trong hầu hết các trường hợp, bạn cũng có thể tìm thấy các mẫu và tài liệu hữu ích. Mở URL được liên kết với gói của bạn bằng cách nhập repo & lt; packagename & gt; - Trong hầu hết các trường hợp, trang web Kho lưu trữ sẽ bật lên trong trình duyệt của máy trạm của bạn. 

 Tamnan @ Tamhan-ThinkPad: ~ / Nodespace $ npm repo
Nhốt

08. Kiểm tra một gói

21 ways to improve productivity with npm: Inspect a package

Nhập NPM View có thể mang lại thông tin có giá trị

Gói tệp kê khai gói chứa thông tin có giá trị. Nhập chế độ xem NPM, hoặc tốc ký của nó ở v , cho thấy tổng quan trong ảnh chụp màn hình đi kèm với bước này. Trong số những thứ khác, bạn thường sẽ tìm hiểu về phiên bản beta mới nhất và ổn định, cùng với thông tin về định dạng phân phối và bảo trì. 

 Tamnhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM View
jQuery

09. Tìm tên chính xác

Con số đi kèm Bước 08 cho thấy một tuyên bố thông báo cho chúng tôi rằng 48 phiên bản của thư viện có sẵn. Tìm ra tên chính xác của họ là hoàn thành tốt nhất thông qua một phiên bản chuyên biệt của NPM V. - Nó đổ một danh sách tất cả các chuỗi đã biết. Hãy nhớ rằng danh sách đi kèm với bước này phải được viết tắt vì lý do cơ bản. 

 Tamnhan @ Tamhan-ThinkPad: ~ / NODESPACE $ NPM V
Phiên bản jQuery
['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: ~ / gật đầu $

10. Tìm tên gói không xác định

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

Lệnh tìm kiếm có thể giúp bạn ra ngoài khi bạn không biết tên gói

Để sử dụng nhiều lệnh nêu trên yêu cầu tên gói chính xác. Nếu bạn không biết nó vì một số lý do, lệnh tìm kiếm đã sẵn sàng để giúp đỡ. Nó cần một hoặc nhiều chuỗi và đầu ra tất cả các tên gói phần nào được liên kết với chúng trong một dạng bảng. 

 Tamnhan @ Tamhan-ThinkPad: ~ / NODESPACE $ NPM
Tìm kiếm Vue

11. Tìm kiếm nhiều hơn nữa

21 ways to improve productivity with npm: Search even more

Sợi có thể tìm thấy các gói mà Elude NPM nỗ lực tốt nhất của NPM

NPM NPM NÊN Không có khách hàng tiềm năng hữu ích, Công cụ tìm kiếm sợi. làm cho một điểm dừng tiếp theo logic. Đây là một bản xem trước cho một công cụ tìm kiếm cục bộ mạnh mẽ hơn, nhưng tuy nhiên hộp văn bản ở đầu trang có một sở trường tìm kiếm các gói động cơ khác có xu hướng bỏ qua.

12. Thêm tự động hoàn thành

Intellisense của Microsoft là sản phẩm tinh dịch để làm quen với các thế hệ lập trình viên với lợi ích của AutoComplete một cú nhấp chuột. NPM hỗ trợ một tính năng tương tự, có kích hoạt được thực hiện thông qua chuỗi lệnh được hiển thị. Sau đó, nhấn Tab để thực hiện Bash AutoComplete vào đầu vào của bạn. 

 Tamnhan @ Tamhan-ThinkPad: ~ / NODESPACE $ NPM
Hoàn thành & GT; & GT; ~ / .bashrc.
tamhan @ tamhan-thinkpad: ~ / Nodespace $ Nguồn
~ / .bashrc

13. Cài đặt cấu hình khai thác

21 ways to improve productivity with npm: Harness configuration settings

Đặt mặc định để di chuyển mọi thứ theo nhanh hơn

Lệnh NPM INIT được đề cập ở trên tạo ra một bước đầu tiên tuyệt vời vào thế giới cài đặt cấu hình. Hãy thử hai lệnh sau để đặt mặc định sau đó sẽ được sử dụng trên tất cả các tệp dự án mới được tạo. 

 NPM Config Đặt init.author.name & lt; tên & gt;
NPM Config Đặt init.author.Email & LT; Email & GT;

14. Liên kết đến các gói địa phương

Các nhà phát triển làm việc trên một gói và một hoặc nhiều sản phẩm dựa trên nó nên sử dụng tính năng liên kết của NPM. Nó sinh ra một symlink kết nối thư mục gói cục bộ với các dự án. Bằng cách đó, thay đổi tự động lan truyền tự động. 

 git clone & lt; pkgurl & gt;
cd & lt; pkgname & gt;
Liên kết NPM.
CD ../site.
Liên kết NPM & LT; pkgname & gt;

15. Nhận các phiên bản cụ thể của các gói

Sử dụng NPM I. Thường triển khai phiên bản mới nhất của bất kỳ gói nào nó có thể tìm thấy. Chọn một phiên bản cụ thể hoặc một phiên bản cũ hơn là có thể. Chỉ cần sử dụng. @ Toán tử để chỉ định nhu cầu của bạn - các mẫu đi kèm với bước này yêu cầu một phiên bản cụ thể và có tên của VUE. 

 tamhan @ tamhan-thinkpad: ~ / gật đầu $ npm i
[email protected].
tamhan @ tamhan-thinkpad: ~ / gật đầu $ npm i
Vue @ beta

16. Liệt kê tất cả các cài đặt cấu hình

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

Có rất nhiều cài đặt cấu hình để chơi với

Hệ thống cấu hình được đề cập ở trên hoạt động với một tập hợp các biến môi trường. Liệt kê nội dung của họ bằng cách nhập NPM chạy Env. và đuổi theo kết quả thông qua grep. tiện ích. Hình ảnh trên hiển thị chỉ một vài trong số các cài đặt có sẵn. 

 Tamnhan @ Tamhan-ThinkPad: ~ / NODESPACE / NODETEST2 $
NPM chạy Env | grep npm_
npm_config_cache_lock_stale = 60000.
npm_config_ham_it_up =.
npm_config_legacy_bundling =.
npm_config_sign_git_tag =.
. . .

17. Tạo một biến tùy chỉnh

NPM không giới hạn bạn các biến được tạo bởi hệ thống. Đoạn trích đi kèm bước này tải một tệp có thể khai báo các biến của riêng nó. 

 "Cấu hình": {
"build_folder": "./ Quận"
}

18. Sử dụng nó trong sự tức giận

Khi tệp được đề cập ở trên, biến mới được tạo sẽ hoạt động giống như bất kỳ đồng nghiệp nào của nó. Nó có thể được sử dụng trong các lệnh khác nhau, cho phép bạn thay đổi hành vi của họ để nếm thử. 

 "script": {
"Xây dựng": "Build Gulp --Dist $ npm_package_
config_build_folder "
}

19. Quản lý các phiên bản Node.js và NPM thông minh

Một số chương trình phụ thuộc vào các phiên bản cụ thể của môi trường Node.js hoặc Trình quản lý gói Node.js. Giảm thiểu các nguồn vấn đề như vậy với Trình quản lý phiên bản nút tài liệu tại đây - Bắt đầu thực sự dễ dàng nhờ tập lệnh cài đặt một lần nhấp. 

 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

Tạo, hội nghị giành giải thưởng cho các nhà thiết kế web, trở về NYC vào ngày 24-25 tháng 4! Nhấp vào hình ảnh để đặt vé

20. Chạy mà không cần cài đặt

21 ways to improve productivity with npm: Run without installation

Tiết kiệm thời gian bằng cách chạy các gói ngay lập tức với NPX

Máy phát điện giàn giáo và các chương trình tương tự thường chạy chỉ một lần trong cuộc đời của dự án. Tải xuống thủ công và thực hiện họ nhanh chóng tẻ nhạt. Gói Node Execute hoặc NPX, có thể chạy các gói ngay lập tức. Nếu các tệp được yêu cầu không có trong tay, chương trình chỉ cần tải xuống chúng trước khi bắt đầu thực thi. 

 Tamhan @ Tamhan-ThinkPad: ~ / NODESPACE $ NPX
Tạo-React-App My-App

21. Mương WiFi

Hãy đặt thủ thuật Tune-Up gây tranh cãi nhất vào cuối. Bỏ WiFi cho một kết nối có dây với bộ định tuyến của bạn cắt giảm 10 đến 20 mili giây từ mỗi chuyến đi khứ hồi. Về lâu dài, các khoản tiết kiệm này cộng lại - đặc biệt là khi xem xét các hoạt động liên quan đến hàng trăm trao đổi trọn gói.

Bài viết này ban đầu được xuất bản trong số 284 của Tạp chí Thiết kế web sáng tạo Nhà thiết kế web . MUA VẤN ĐỀ 284 TẠI ĐÂY hoặc là Đăng ký nhà thiết kế web ở đây .

Những bài viết liên quan:

  • Bắt đầu với Babel 7
  • 8 công cụ tạo mẫu thiết yếu và xây dựng
  • Phát triển các thành phần React có thể tái sử dụng

Cách - Các bài báo phổ biến nhất

Cách tạo các biểu mẫu web có thể truy cập

Cách Sep 14, 2025

[số 8] Các hình thức là một thành phần thiết yếu của Web vì họ kết nối người dùng với doanh nghiệ..

Làm cho ứng dụng của bạn hoạt động ngoại tuyến với công nhân dịch vụ

Cách Sep 14, 2025

[số 8] Trang 1/2: Trang 1: Đang tải nhanh hơn Trang 1: Đang tải n..

Tạo hiệu ứng văn bản lung lay với JavaScript

Cách Sep 14, 2025

[số 8] Giới thiệu các hiệu ứng cho văn bản và typography có thể thêm một quan điểm hoàn toàn mới cho ..

Xây dựng trang đích chia tách màn hình hoạt hình

Cách Sep 14, 2025

[số 8] Trang đích của bạn là một yếu tố quan trọng trong của bạn Bố trí trang web . Đây l..

Cách thiết kế các hình thức đáp ứng và thông thường thiết bị

Cách Sep 14, 2025

[số 8] Cho dù đó là một luồng đăng ký hoặc bước bước nhiều góc nhìn, các hình thức là một trong nh..

Chuẩn bị công việc của bạn để in 3D: 8 mẹo hàng đầu

Cách Sep 14, 2025

In 3D đã trở nên cực kỳ phổ biến. Nếu bạn muốn bắt đầu in của riêng bạn Nghệ thuật 3D. , Có một vài điều cần chú ý để có đượ..

Kết hợp các kỹ năng truyền thống và kỹ thuật số để tạo bìa truyện tranh

Cách Sep 14, 2025

[số 8] Trong nhiều năm, tôi đã bị đe dọa bằng cách làm việc kỹ thuật số. Một cái gì đó về ngòi n..

Cách lấy mẫu Zbrush của bạn vào Maya

Cách Sep 14, 2025

[số 8] Đối với điều này Hướng dẫn Maya. Tôi sẽ chỉ cho bạn cách tôi nhận được mô h�..

Thể loại