5 приемов работы с npm для повышения продуктивности

0
648
views

Перевод статьи «5 npm Tips and Tricks to Help You Boost Your Productivity».

Эта статья с большой долей вероятности поможет вам повысить продуктивность работы. В крайнем случае приведенные в ней советы точно позволят вам блеснуть в разговоре с коллегами:)

Я не буду говорить о чем-то очевидном; вместо этого лучше поделюсь приемами, о которых вы, вероятно, не знаете.

1. Вывод списка доступных скриптов

Чтобы легко просмотреть все доступные в проекте скрипты, запустите следующую команду:

npm run

Вы получите красиво сформированный output, показывающий команды:

2. Вывод списка установленных пакетов

npm list

Эта команда, пожалуй, выведет слишком много информации. Вы увидите все зависимости наших зависимостей…

Используйте опцию —depth, чтобы ограничить глубину поиска.

npm list --depth=0

Вот пример вывода с ограниченной глубиной:

3. Открываем домашнюю страницу пакета или его репозиторий

Эта фича мне лично очень нравится, потому что позволяет быстро получить документацию пакетов.

Чтобы автоматически открывать домашние страницы пакетов, пользуйтесь следующей командой:

npm home ИМЯ_ПАКЕТА

Для открытия репозитория можно запустить такую команду:

npm repo ИМЯ_ПАКЕТА

Это невероятно удобно. Вам не придется лезть в Google в поисках документации или страниц npm. При помощи этих команд вы быстро получите доступ к нужным сведениям о пакетах.

4. Просматриваем все доступные версии пакета

Чтобы получить самую последнюю версию пакета, можно запустить следующую команду:

npm v react version

А чтобы посмотреть все версии, нужно всего лишь написать слово version во множественном числе:

npm v react versions

В output мы получим список всех доступных версий. Это очень удобно, если вы хотите проверить, какая из них новая, а какая старая, и есть ли какие-нибудь альфа-релизы, которые вы могли бы попробовать.

Вот часть output после запуска npm v react versions:

5. Поиск устаревших пакетов

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

npm outdated

Если названия каких-то пакетов в списке красного цвета (как в моем примере), значит, в них есть существенные уязвимости, и их нужно обновить. Как видите, в этом четырехлетнем проекте все такого красивого красного цвета…

Для безопасного обновления текущих версий можно запустить команду npm update.

Но я думаю, что лучше обновлять пакеты и проверять устаревшие при помощи команды npm audit. Так вы получите больше подробностей. Я не включаю эту команду в качестве отдельного совета, потому что консоль и так кричит о ней, когда мы устанавливаем зависимости.

Бонусный совет по использованию Visual Studio Code!

Многие люди об этом не догадываются, но скрипты можно запускать прямо внутри Visual Studio Code — при помощи его прекрасного интерфейса.

Поищите «NPM Scripts» в нижнем левом углу.

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

Если вы не находите NPM Scripts, проверьте, включена ли эта функция в настройках.

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here