21 способи підвищення продуктивності з NPM

Sep 11, 2025
Як
21 ways to improve productivity with npm

Менеджер упаковки вузла, або NPM для короткого короткого, бачить використання повного сучасного JavaScript World. Як правило, це робота з мінімальними питаннями, розробники, як правило, забудуть час, витрачений за його. Хоча це не велика проблема, NPM містить набір надзвичайно витончених функцій, які мають на меті заощадити вам багато цінного часу.

Як і в більшості інших оптимізацій, не застосовується не кожна міра. Наступні кроки показують декілька "повинні знати", які мають потенціал для підвищення продуктивності, змусити вас менше або зменшити час очікування.

Хочете деяких універсальних заощаджень часу? Наше керівництво до кращого Веб-будівельник зробить створення сайтів вітер, хмара зберігання буде оптимізувати свій спільний процес і пристойний веб хостинг буде підтримувати вас без кінця.

  • 20 плагінів блискучих jQuery

Вивчення мистецтва "Швидше NPM" не є кінцем себе. На додаток до того, щоб дозволити вам більше зроблено, показуючи просунуті навички консолі, - це Surefire Way, щоб вразити колег та можливі рекрутери - у сучасній гіпер-конкурентоспроможній робочому просторі, кожну велику допомогу, і вражаючі глядачі з кількома відмінними ярликами - це чудовий спосіб підняти Ruckus.

Нарешті, деякі люди просто отримують радість від оптимізації своїх робочих процесів. Отже, коротше, погляд на шляхи налаштування НПМ завжди має сенс. Ось кілька найкращих NPM-Whacks.

  • Що нового в Node.js 10?

01. Убийте панель прогресу

Оскільки операції NPM можуть бути досить одночасно, створює панель прогресу. На жаль, показуючи, що потрібно час - у деяких випадках, до 50 відсотків часу витрачається на оновлення інтерфейсу користувача. На щастя, ви можете усунути панель прогресу шляхом встановлення змінної середовища прогресу до FALSE. 

 Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace / FuturenPM $
NPM SET PROGRY = FALSE
tamhan @ tamhan-thinkpad: ~ / nodepace / futurenpm $
npm отримує прогрес
FALSE

02. Пакувальні пакети без набору тексту

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

Node.js генерує за замовчуванням package.json

Повторне, ритуальне забивання поверненого ключа супроводжує створення нових проектів НПМ далеко і широкий. Це абсолютно непотрібне - просто пройдіть параметр -y Щоб підтвердити всі дефолти, запропоновані помічником розгортання. Node.js генерує package package.json з вмістом, який відображається на зображенні вище. 

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

03. Не введіть команди

Команди вузла складаються з дієслова та одного або декількох параметрів. Зазвичай використовуються - "установка" приходить на розум відразу - можна замінити коротким єдиним буквою абревіатури. З технічної точки зору, npm i і npm встановлення однакові: Єдина відмінність - це кількість набору тексту, яка потрібно ввести їх. 

 NPM встановлює gulp-debug
npm i gulp-debug

04. Вбийте інші дієслова

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

Використання коротких форм - це хороший спосіб продемонструвати навички NPM

До речі, установлювати це не єдина команда, яка повинна бути прискорена. Ретельний погляд на випуск списку команд на малюнку показує, що конфігурація, тест, пошук та кілька інших дієслів також отримують абревіатуру. Використання цих коротких форм - це хороший спосіб продемонструвати рівень кваліфікації НПМ, особливо якщо ви пояснюєте їх, перш ніж використовувати їх вперше.

05. Перерахуйте всі залежності

Виявлення того, чи залежить пакет, залежить від упаковки B, як правило, досить нудним. Однак НПМ знає це за умовчанням і з радістю поділяє свої знання з вами. Просто введіть npm ls затопити свій термінал з деревом, як представлення всіх залежностей та їх субзалежності, або ви можете обмежити глибину дерева, що проходить --depth = 0 . 

 Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace /
FastifyTest $ NPM LS --depth = 0
[email protected] / Головна / Tamhan / NodeSpace
└── [email protected]

06. Виявлення застарілих пакетів

Сьогоднішні веб-додатки стоять у нескінченному градтві атаки від зловмисників. Пошук застарілих залежностей у вашому проекті на базі вузла, тепер легко, як введення npm застарілий - Програма перевіряє його кеш і надає список обтяжений пакети. 

 Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace /
FastiesTest $ NPM застаріли
Поточний пакет хотів останнє місцеположення
Сприйняти 1.11.2 1.13.3 1.13.3 Нова простокість

07. Знайдіть джерело

21 ways to improve productivity with npm: Find the source

Знайдіть корисні зразки та документацію для пакетів у своїх сховищах Github

Більшість пакетів NPM живуть всередині сховища Github. Ці веб-сайти зазвичай не обмежуються, щоб забезпечити вихідний код упаковки - у більшості випадків ви також можете знайти корисні зразки та документацію. Відкрийте URL-адресу, пов'язану з вашим пакетом, ввівши REPO & LT; Packagename & GT; - У більшості випадків веб-сайт сховища з'явиться у браузері вашої робочої станції. 

 Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace $ NPM Repo
закріпити

08. Перевірте пакет

21 ways to improve productivity with npm: Inspect a package

Введення перегляду NPM може призвести до цінної інформації

Файли маніфесту упаковки містять цінну інформацію. Введення перегляду NPM або його скорочення v , показує огляд, зображений на скріншоті, що супроводжує цей крок. Серед іншого, ви зазвичай дізнаєтеся про останню бета-версію та стабільну версію, а також інформацію про формат дистрибутиву та супроводжуючі. 

 Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace $ NPM View
jquery

09. Знайти точні назви

Фігура, що супроводжує крок 08, показує заяву, що інформує нам, що доступні 48 версій бібліотеки. Виявлення своїх точних імен найкраще виконується за допомогою спеціалізованої версії npm v - Він скидає список всіх відомих рядків. Майте на увазі, що лістинг, що супроводжує цей крок, повинен бути скорочений для причин для друку. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodepace $ npm v
jquery версії
['1.5.1',
"1.6.2",
. . .
"3.0.0-альфа1",
"3.0.0-бета1",
"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: ~ / nodepace $

10. Знайдіть невідомі назви пакетів

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

Команда пошуку може допомогти вам, коли ви не знаєте назву пакету

Щоб використовувати багато вищезгаданих команд, потрібна точна назва пакета. Якщо ви чомусь не знаєте, команда пошуку готова до допомоги. Він приймає одну або декілька рядків і виводить всі назви пакетів дещо пов'язані з ними в табличній формі. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodepace $ npm
Пошук Vue

11. Шукайте ще більше

21 ways to improve productivity with npm: Search even more

Пряжа може знайти пакети, які утворюють найкращі зусилля НПМ

Npm Пошук Поїздка Немає корисних потенційних клієнтів, Пошукова система пряжі робить для логічної наступної зупинки. Це попередній перегляд для більш потужної локальної пошукової системи, але, тим не менш, текстова скринька у верхній частині сторінки має ключ пошуку, інших двигунів, як правило, не помічають.

12. Додайте автоматичне завершення

Intellisense Microsoft був напівтвердовим продуктом для ознайомлення поколінь програмістів з перевагами AutoComplete одним клацанням. NPM підтримує аналогічну функцію, активація якого здійснюється за допомогою командної послідовності. Після цього натисніть TAB, щоб зробити Bash AutoComplete ваш вхід. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodepace $ npm
завершення & gt; & gt; ~ / .bashrc
Tamhan @ Tamhan-ThinkPad: ~ / NodeSpace $ Джерело
~ / .bashrc

13. Налаштування конфігурації запряження

21 ways to improve productivity with npm: Harness configuration settings

Встановити за замовчуванням, щоб перемістити речі вздовж швидше

Команда вищезгаданого NPM INIT робить великий перший крок у світ налаштувань конфігурації. Спробуйте два наступні команди, щоб встановити за замовчуванням, які потім будуть використані на всіх недавно створених файлах проекту. 

 NPM Config Set init.author.name & lt; name & gt;
NPM Config Set init.author.email & lt; email & gt;

14. Посилання на місцеві пакети

Розробники, що працюють над упаковкою, і один або декілька продуктів на основі нього повинні використовувати функцію посилання NPM. Він породив символ, що з'єднує локальну папку пакету до проектів. Таким чином, автоматично змінює перехресні. 

 git clone & lt; pkgurl & gt;
CD & LT; PKGNAME & GT;
NPM посилання
CD ../site
NPM LINK & LT; PKGNAME & GT;

15. Отримайте конкретні версії пакетів

За допомогою npm i Зазвичай розгортає останню версію будь-якого пакету, який він може знайти. Можна також вибирати певну або стару версію. Просто використовуйте @ Оператор вказує ваші потреби - зразки, що супроводжують цей крок, вимагає певної та названої версії VUE. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodepace $ npm i
[email protected]
tamhan @ tamhan-thinkpad: ~ / nodepace $ npm i
Vue @ beta

16. Перерахуйте всі налаштування конфігурації

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

Є багато налаштувань для відтворення

Вищезгадана система конфігурації працює з набором змінних середовища. Перерахуйте їх вміст, ввівши npm run env і переслідуючи результати через гнів утиліта. Зображення вище показує лише кілька параметрів. 

 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. Створіть спеціальну змінну

NPM не обмежує вас до змінних, створених системою. Фрагмент, що супроводжує цей крок, завантажує файл, який може оголосити свої змінні власні. 

 "Конфігурація": {
"build_folder": "./ dist"
}

18. Використовуйте його в гніві

Коли наведений вище файл, новостворена змінна буде поводитися так само, як будь-який з його колег. Він може бути використаний у різних команд, дозволяючи вам змінити свою поведінку за смаком на льоту. 

 "Сценарії": {
"Будувати": "Gulp Build -dist $ npm_package_
config_build_folder "
}

19. Управління версіями node.js та npm smashly

Деякі програми залежать від конкретних версій середовища NODE.JS або менеджера пакетів Node.js. Пом'якшити такі проблемні джерела за допомогою менеджера версій вузлів Задокументований тут - Початок роботи дійсно легко завдяки сценарію встановлення одним клацанням миші. 

 curl -o- https://raw.githubucercontent.com/creationix/nvm/v0.33.11/install.sh | Баш

generate, the award winning conference for web designers, returns to NYC on April 24-25! Click the image to book a ticket

Генерація, нагорода конференції для веб-дизайнерів, повертається до NYC 24-25 квітня! Натисніть на зображення, щоб забронювати квиток

20. Запустіть без установки

21 ways to improve productivity with npm: Run without installation

Зберегти час, негайно запущені пакетами з NPX

Генератори лісів та аналогічні програми зазвичай запускаються лише один раз у житті проекту. Вручну завантаження та виконання їх швидко стає нудним. Виконайте пакет вузла, або NPX, негайно запустити пакунки. Якщо потрібні файли не під рукою, програма просто завантажує їх перед початком виконання. 

 Tamhan @ Tamhan-ThinkPad: ~ / nodepace $ npx
Create-React-App My-App

21. Рюди, що WiFi

Давайте покласти найбільш суперечливий трюк настрою. Ditching WiFi для дротового з'єднання з вашим маршрутизатором відрізає дорогоцінний від 10 до 20 мілісекунд з кожної подорожі. У довгостроковій перспективі ці заощадження складають - особливо при перегляді операцій, які залучають сотні пакетних бірж.

Ця стаття була опублікована у випуску 284 журналу Creative Web Design Веб-дизайнер . Купити проблему 284 тут або Підписатися на веб-дизайнер тут .

Пов'язані статті:

  • Початок роботи з вавилем 7
  • 8 основних прототипів та інструментів створення
  • Розробити багаторазові компоненти реагування

Як - Найпопулярніші статті

Як малювати перспективу

Як Sep 11, 2025

Навчаючись, як намалювати перспективу правильно, може змінити весь процес малювання. Необхідно малюват�..

3 Основні методи zbrush retopology

Як Sep 11, 2025

(Зображення кредиту: Glen Southern) Zbrush retopology, або як відновити модель �..

5 Речі, які вам потрібно для масляного живопису

Як Sep 11, 2025

Там є необґрунтована містика навколо нафтового живопису, яка поставил..

Як зробити свій власний символ Біблії

Як Sep 11, 2025

Для будь-кого працює професійно Дизайн персонажа , символ Бібл..

Початок роботи з HTML-полотно

Як Sep 11, 2025

Html & lt; canvas & gt; Елемент - це потужне рішення для створення графіки на..

Намалюйте олівець портрет собаки

Як Sep 11, 2025

Коли малює домашні портрети, вам не потрібно просто знати Як намал..

загострення ваших навичок живопису

Як Sep 11, 2025

Немає нічого, що я люблю краще, ніж бути на відкритому повітрі, живопису навколо мене, але це, безумовно, б..

Об'єднати традиційні та цифрові навички для створення комічного покриття

Як Sep 11, 2025

Протягом багатьох років я залякав роботу цифрово. Щось про пластмасов�..

Категорії