Перевод статьи «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, проверьте, включена ли эта функция в настройках.
[customscript]techrocks_custom_after_post_html[/customscript]
[customscript]techrocks_custom_script[/customscript]