21 способы повышения производительности с NPM

Sep 16, 2025
Инструкции
21 ways to improve productivity with npm

Узел Under Package Manager или NPM для коротких, видит использование по всему современному миру JavaScript. Поскольку обычно его работа с минимальными проблемами, разработчики, как правило, забывают время, потраченное на него. Хотя это не большая проблема, NPM содержит набор чрезвычайно нефтечных функций, которые предназначены для экономии вас много ценного времени.

Как и в большинстве других оптимизаций, не каждая мера универсально применима. Следующие шаги показывают несколько «должны знать», которые имеют потенциал для повышения производительности, заставляют вас вводить меньше или сократить время ожидания.

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

  • 20 блестящих плагинов JQuery

Изучение искусства «быстрый NPM» не является само собой. В дополнение к тому, чтобы вы побыли больше, демонстрируя расширенные навыки консоли - это верный способ произвести впечатление на коллег и возможных рекрутеров - в современном гиперконкурентном рабочем пространстве, каждой маленькой помощи, а впечатляющие зрелище с несколькими нефте-яркими ярлыками - отличный способ поднять шум.

Наконец, некоторые люди просто получают радость от оптимизации своих рабочих процессов. Так что вкратце, взгляда на то, чтобы настроить NPM всегда имеет смысл. Вот несколько лучших ударов NPM.

  • Что нового в Node.js 10?

01. Убейте бар прогресс

Поскольку операции NPM могут быть довольно трудоемкими, появляется панель прогресса. К сожалению, отображением требуется время - в некоторых случаях до 50 процентов времени проводится обновление пользовательского интерфейса. К счастью, вы можете устранить строку прогресса, установив переменную среды прогресса в false. 

 Tamhan @ Tamhan-ThinkPad: ~ / NOUSPACE / FUTURENPM $
NPM установлен Progress = false
Tamhan @ Tamhan-ThinkPad: ~ / NOUSPACE / FUTURENPM $
NPM получить прогресс
false

02. Сокращение пакетов без печати

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

Node.js генерирует package default.json

Повторное, ритуальное удаление возвращаемого ключа сопровождает создание новых NPM проектов намного и широко. Это совершенно ненужно - просто пропустите параметр -Я Чтобы подтвердить все значения по умолчанию, предлагаемые помощником развертывания. Node.js генерирует Package default.json с содержимым, показанным на изображении выше. 

 Tamhan @ Tamhan-ThinkPad: ~ / nousepace /
Fastnodetetest $ npm init -y

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

Команды узлов состоят из глагола и одного или нескольких параметров. Обычно используемые - «Установка» приходит в голову сразу - можно заменить короткие однобуквенные сокращения. С технической точки зрения, NPM I. и Установка NPM одинаковы: единственное отличие - это количество набрав, которые необходимо для их ввода. 

 NPM Установить Gulp-Debug
NPM я глотает отладку

04. Убить других глаголов тоже

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

Использование коротких форм - хороший способ продемонстрировать навыки НПМ

Кстати, установить не единственная команда, которая должна быть ускорена. Осторожный взгляд на вывод списка команд на рисунке показывает, что конфигурация, тестирование, поиск и несколько других глаголов также получают лечение аббревиатуры. Использование этих коротких форм - это хороший способ продемонстрировать владение NPM - особенно если вы объясните их, прежде чем использовать их в первый раз.

05. Перечислите все зависимости

Узнать, зависит ли пакет A, зависит от пакета B, имеет тенденцию быть довольно утомительным. Тем не менее, NPM знает это по умолчанию и с удовольствием делит своими знаниями с вами. Просто введите NPM Ls. затопить свой терминал с помощью дерева, подобно древовидному представлению всех зависимостей и их подзависимости, или вы можете ограничить глубину дерева, передавая в --depth = 0. Отказ 

 Tamhan @ Tamhan-ThinkPad: ~ / nousepace /
castifytest $ npm ls --depth = 0
NOUDESPCE @ 13.0.0 / HOME / TAMHAN / NOUSPACE
└── @1.11.2

06. Выявлять устаревшие пакеты

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

 Tamhan @ Tamhan-ThinkPad: ~ / nousepace /
astififytest $ npm устарел
Упаковка тока Требуется Последнее местоположение
Застегивайте 1.11.2 1.13.3 1.13.3 NOUSPACE

07. Найти источник

21 ways to improve productivity with npm: Find the source

Найти полезные образцы и документацию для пакетов в своих репозиториях GitHub

Большинство пакетов NPM живут внутри репозитория GitHub. Эти веб-сайты обычно не ограничиваются предоставлением исходного кода пакета - в большинстве случаев вы также можете найти полезные образцы и документацию. Откройте URL, связанный с вашим пакетом, введя REPO & LT; PACKAGENAME & GT; - В большинстве случаев веб-сайт репозитория появится в браузере вашей рабочей станции. 

 Tamhan @ Tamhan-ThinkPad: ~ / NOUSPACE $ NPM REPO
Застеживать

08. Осмотрите пакет

21 ways to improve productivity with npm: Inspect a package

Ввод NPM представление может дать ценную информацию

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

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

09. Найдите точные имена

Фигура, сопровождающая шаг 08, показывает заявление, сообщающее нам, что доступны 48 версий библиотеки. Выявление их точных имен лучше всего выполнено через специализированную версию NPM V. - Это сбрасывает список всех известных строк. Имейте в виду, что список, сопровождающий этот шаг, должен был быть сокращенным для причин печати. 

 Tamhan @ Tamhan-ThinkPad: ~ / NUSPALSE $ NPM V
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: ~ / NOUSPACE $

10. Найдите неизвестные имена пакетов

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

Команда поиска может помочь вам, когда вы не знаете имя пакета

Чтобы использовать многие из вышеупомянутых команд, требуется точное имя пакета. Если вы не знаете это по какой-то причине, команда поиска готов помочь. Требуется одна или несколько строк и выводит все имена пакетов несколько связанные с ними в табличной форме. 

 Tamhan @ Tamhan-ThinkPad: ~ / NOUSPACE $ NPM
поиск vue

11. Поиск еще больше

21 ways to improve productivity with npm: Search even more

Пряжа может найти пакеты, которые увлекают лучшие усилия NPM

Должен ли поиск NPM возвращать никаких полезных приводов, Поисковая система пряжи делает для логической следующей остановки. Это предварительный просмотр более мощной локальной поисковой системы, но тем не менее текстовое поле в верхней части страницы имеет кручение нахождения пакетов, другие двигатели, как правило, упускают.

12. Добавить автоматическое завершение

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

 Tamhan @ Tamhan-ThinkPad: ~ / NOUSPACE $ NPM
завершение и GT; & gt; ~ / .bashrc.
Tamhan @ Tamhan-ThinkPad: ~ / NOUSPACE $ SOURCE
~ / .bashrc

13. Настройки конфигурации жгута

21 ways to improve productivity with npm: Harness configuration settings

Установить по умолчанию, чтобы переместить вещи еще быстрее

Вышеупомянутая команда NPM INIT делает для большого первого шага в мир настройки конфигурации. Попробуйте две следующие команды для установки по умолчанию, которые затем будут использоваться на всех вновь созданных файлах проекта. 

 NPM Config набор init.author.name & lt; Имя и GT;
NPM Config настроек init.author.email & lt; Email & GT;

14. Ссылка на локальные пакеты

Разработчики работают над пакетом и одной или несколькими продуктами на основе его, должны использовать функцию ссылки NPM. Это порождает SymLink, соединяющую локальную папку пакета к проектам. Таким образом, автоматически меняется перекрестное распространение. 

 Git Clone & lt; pkgurl & gt;
CD & LT; PKGNAME & GT;
NPM Link.
CD ../Site.
NPM Link & lt; pkgname & gt;

15. Получить конкретные версии пакетов

С помощью NPM I. Обычно развертывает последнюю версию любого пакета, которую он может найти. Выбирая конкретную или более старую версию. Просто используйте @ Оператор для уточнения ваших потребностей - образцы, сопровождающие этот шаг, требуют определенного и именованной версии Vue. 

 Tamhan @ Tamhan-ThinkPad: ~ / NOUSPACE $ NPM I
vue @ 2.5.15.
Tamhan @ Tamhan-ThinkPad: ~ / NOUSPACE $ NPM I
Vue @ beta

16. Перечислите все настройки конфигурации

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

Есть много настроек конфигурации, чтобы играть с

Вышеупомянутая система конфигурации работает с набором переменных среды. Перечислите их содержимое, введя NPM запустить ENV и преследовать результаты через репутация полезность. Изображение выше показывает только некоторые из доступных настроек. 

 Tamhan @ Tamhan-ThinkPad: ~ / NOUSPACE / NODETEST2 $
NPM запустить 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 не ограничивает вас переменными, созданными системой. Фрагмент, сопровождающий этот шаг загружает файл, который может объявить переменные самостоятельно. 

 «CONFIG»: {
"build_folder": "./ dist"
}

18. Используйте его в гневе

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

 «Сценарии»: {
«построить»: «Gulp Build --Dist $ npm_package_
config_build_folder "
}

19. Управление версиями Node.js и NPM умно

Некоторые программы зависят от конкретных версий среды Node.js или управляющего пакета Node.js. Смягчить такие источники проблемы с помощью версий узла документировано здесь - Начало работы действительно просто благодаря однокливому скрипту установки. 

 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

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

20. Беги без установки

21 ways to improve productivity with npm: Run without installation

Экономьте время, используя пакеты сразу с NPX

Генераторы лесов и аналогичные программы обычно работают только один раз в жизни проекта. Вручную загрузить и выполнять их быстро. Узел Package Execute или NPX, может запустить пакеты немедленно. Если файлы необходимы не под рукой, программа просто загружает их перед запуском выполнения. 

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

21. Сбрось, что WiFi

Давайте поставим самую противоречивую настройку трюка в конце. Ritching WiFi для проводного подключения к вашему маршрутизатору отключает драгоценные от 10 до 20 миллисекунд из каждой туристии. В долгосрочной перспективе эти сбережения складываются - особенно при рассмотрении операций, которые включают сотни пакетных обменов.

Эта статья была первоначально опубликована в номере 284 Treative Magazine Web Design Веб-дизайнер Отказ Купить проблему 284 здесь или же Подписаться на веб-дизайнер здесь Отказ

Статьи по Теме:

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

Инструкции - Самые популярные статьи

Как использовать гравитационный эскиз

Инструкции Sep 16, 2025

(Кредит на изображение: гравитационный эскиз) Гравитационный эс..

Lino Printmaking: введение

Инструкции Sep 16, 2025

(Кредит на изображение: Meg Buick) Lino Printmaking - это метод рельефной печ�..

Как нарисовать перспективу

Инструкции Sep 16, 2025

Обучение того, как нарисовать перспективу правильно может изменить весь процесс рисования. Традиционно..

Проводить бесплатные и быстрые пользовательские тесты с помощью UserLook

Инструкции Sep 16, 2025

Изображение: getty Images Допущения плохие для бизнеса. Они плохие, по..

Как рисовать красочное анимационное искусство в Photoshop

Инструкции Sep 16, 2025

Во время этого урока Photoshop я пойду на несколько ключевых концепций, кот..

Конструктор Affinity: Как использовать Pixel Persona

Инструкции Sep 16, 2025

Affinity Designer - популярный векторный редактор инструмент для Mac, Windows и ..

Подготовьте доску для покраски в 3 простых шагах

Инструкции Sep 16, 2025

Я собираюсь поделиться самым быстрым Техника покраски Я испол..

Как создать реалистичную ткань CG

Инструкции Sep 16, 2025

При работе с тканью и тканями в 3D, это может быть трудно добиться как хо..

Категории