Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-26

1 В JavaScript существует отдельный класс пакетов-программ, которые связаны с конкретными проектами. То есть они устанавливаются в проект, но запускаются как программы, а не импортируются в код как библиотека. В основном эти программы выполняют различные манипуляции с кодом, начиная от исправления ошибок, до различных преобразований исходного кода например с целью работы на более старых версиях интерпретатора или подготовки кода для работы в браузере.

2 Одной из таких программ являетсяprettier. Это очень популярный инструмент, автоматически форматирующий код по общепринятым правилам. С его помощью команды придерживаются единого стиля написания без необходимости запоминать эти правила. Посмотреть как работаетprettierможно в<a>его песочнице в браузере</a>.

3 Пример кода до обработки:

4 Этот же код после автоматического форматирования:

5 Так какprettierэто инструмент для написания кода, то он должен устанавливаться какdevзависимость:

6 Следующим шагом его нужно запустить как обычную консольную утилиту. По документацииprettierвидно, что имя утилиты (имя исполняемого файла) совпадает с именем пакета. Попробуем выполнить запуск:

7 Если вы до этого не устанавливалиprettierглобально, то запуск кода выше приведет к ошибке:command not found: prettier. Почему так происходит?

8 В отличие от глобальной установки, обычная (локальная) установка помещает содержимое пакета в директориюnode_modulesтекущего проекта. Командные оболочки, например Bash, при запуске утилит ищут их в специальных системных директориях, но они ничего не знают про утилиты, установленные в другие места системы, например, в наш проект. Поэтому для запуска нужно указывать полный путь до файла программы.

9 Программы устанавливающиеся локально, хранят свои исполняемые файлы в директорииnode_modules/.bin. Поэтому запуск нужно выполнять там:

10 У такого запуска есть два неудобства:

11 <ol><li>Слишком долго набирать</li>

12 <li>Идет завязка на конкретную структуру директорий, которая может поменяться</li>

13 </ol>Для упрощения запуска Node.js поставляется вместе с еще одной утилитой -npx. Она помогает запускать программы установленные локально без необходимости указывать полный путь до исполняемого файла:

14 npxанализирует директориюnode_modules/.binи если находит там нужный файл, то подставляет его. Если пакет с таким именем не был установлен, тоnpxпредлагает его установить.

15 Как вы увидите дальше, в реальных проектах на JavaScript пакетов-утилит достаточно много. Вот лишь некоторые популярные: Babel, Webpack, Eslint, Gulp. Все это часть экосистемы, с которой сталкиваются все веб разработчики на JavaScript. И для запуска всех этих утилит нуженnpx.

16 <h2>Глобальная установка vs Локальная</h2>

17 Prettier можно установить и глобально и локально. В обоих случаях он будет работать. Но лучше всегда подобные пакеты ставить локально. Почему? Локальные зависимости общие. Любой, кто разрабатывает наш проект, автоматически получает все зависимости. Если жеprettierустановлен глобально, то каждому разработчику придется самостоятельно заботиться о его установке. Вторая проблема связана с версией. У разных разработчиков в конце концов могут оказаться (и окажутся) разные версииprettier, которые могут работать по-разному, что будет приводить к разным результатам или даже ошибкам.