Полезные пакеты для npx
npx — это утилита, которая входит в состав Node.js и npm, и позволяет запускать любые исполняемые пакеты из реестра npm без необходимости установки их в проект. Это делает его невероятно полезным для выполнения одноразовых задач и скриптов. В этом руководстве мы рассмотрим полезные пакеты для npx и приведем примеры их использования.
Основные команды npx
Вот список полезных пакетов для npx с примерами использования:
1. Запуск сервера
npx http-server .
// Запускает простой HTTP сервер в текущей директории.Примеры:
npx http-server -p 8080
// Запускает HTTP сервер на порту 8080.npx http-server ./public
// Запускает HTTP сервер, обслуживающий файлы из директории ./public.2. Создание .gitignore
npx gitignore node
// Создает файл .gitignore для проекта на Node.js.Примеры:
npx gitignore java
// Создает файл .gitignore для проекта на Java.npx gitignore python
// Создает файл .gitignore для проекта на Python.3. Ожидание открытия порта
npx wait-port 9000
// Ожидает, пока порт 9000 будет открыт.Примеры:
npx wait-port 8080
// Ожидает, пока порт 8080 будет открыт.npx wait-port localhost:3000
// Ожидает, пока локальный порт 3000 будет открыт.4. Освобождение порта
npx kill-port 9000
// Освобождает порт 9000.Примеры:
npx kill-port 8080
// Освобождает порт 8080.npx kill-port 3000
// Освобождает порт 3000.5. Сортировка package.json
npx sort-package-json
// Сортирует содержимое файла package.json в алфавитном порядке.Примеры:
npx sort-package-json --write
// Сортирует и перезаписывает файл package.json.npx sort-package-json --space 2
// Сортирует package.json с использованием 2 пробелов для отступов.6. Обновление npm пакетов
npx npm-check-updates --target minor -u
// Обновляет все пакеты, где новые версии содержат минорные изменения.Примеры:
npx npm-check-updates -u
// Обновляет все зависимости до последних версий.npx npm-check-updates --target patch -u
// Обновляет все зависимости, где новые версии содержат патчи.7. Вывод забавных сообщений
npx cowsay wow
// Выводит сообщение "wow" с помощью cowsay.Примеры:
npx cowsay "Hello, World!"
// Выводит сообщение "Hello, World!" с помощью cowsay.npx cowsay -f dragon "Beware the dragon!"
// Выводит сообщение "Beware the dragon!" с помощью cowsay и ASCII-артом дракона.8. Проверка текстов и Markdown документов
npx alex README.md
// Проверяет файл README.md на наличие предвзятых выражений и ошибок.Примеры:
npx alex "This is a simple text."
// Проверяет строку текста на наличие предвзятых выражений и ошибок.cat README.md | npx alex
// Проверяет содержимое файла README.md на наличие предвзятых выражений и ошибок, используя pipe.9. Декодирование китайского языка
npx decode-zhuyin
// Декодирует текст, написанный на китайском языке. Примеры:
npx decode-zhuyin "你好，世界！"
// Декодирует китайский текст "你好，世界！" (Привет, мир!).10. Добавление gitignore правил
npx goops
// Добавляет стандартные gitignore правила в текущую директорию.Примеры:
npx goops --append
// Добавляет gitignore правила к существующему .gitignore файлу.11. Запуск mock REST API сервера
npx json-server https://raw.githubusercontent.com/typicode/jsonplaceholder/master/data.json
// Запускает mock REST API сервер с конфигурацией ответов на основе JSON.Примеры:
npx json-server --watch db.json
// Запускает mock REST API сервер и следит за изменениями в db.json.npx json-server --port 5000 db.json
// Запускает mock REST API сервер на порту 5000.12. Автоматизированное тестирование доступности
npx pa11y http://example.com
// Запускает тесты доступности на указанном сайте.Примеры:
npx pa11y http://localhost:3000
// Запускает тесты доступности на локальном сервере.npx pa11y-ci
// Запускает Pa11y в режиме непрерывной интеграции (CI).13. Глобальное обновление всего
npx dist-upgrade
// Выполняет глобальное обновление всех установленных npm пакетов.Примеры:
npx dist-upgrade --force
// Выполняет принудительное обновление всех установленных npm пакетов.npx dist-upgrade --dry-run
// Показывает, какие пакеты будут обновлены, без фактического их обновления.14. Красивый вывод проверки npm пакетов
npx npm-check
// Запускает проверку npm пакетов и выводит результат в удобном формате.Примеры:
npx npm-check -u
// Запускает интерактивный режим обновления npm пакетов.npx npm-check --skip-unused
// Проверяет npm пакеты, пропуская неиспользуемые.15. Генерация changelog
npx conventional-changelog-cli -p angular -i CHANGELOG.md -s
// Генерирует файл CHANGELOG.md на основе коммитов с использованием прес
ета Angular.Примеры:
npx conventional-changelog-cli -p angular -i CHANGELOG.md -s -r 0
// Генерирует полный changelog с момента начала проекта.npx conventional-changelog-cli -p angular -i CHANGELOG.md -s --context context.json
// Использует контекстный файл для генерации changelog.16. Проверка на наличие обновлений для глобально установленных npm пакетов
npx npm-check-updates -g
// Проверяет на наличие обновлений для глобально установленных npm пакетов.Примеры:
npx npm-check-updates -g -u
// Обновляет глобально установленные npm пакеты до последних версий.npx npm-check-updates -g --target minor -u
// Обновляет глобально установленные npm пакеты до минорных версий.17. Форматирование кода
npx prettier --write "src/**/*.js"
// Форматирует все JavaScript файлы в директории src и её поддиректориях.Примеры:
npx prettier --check "src/**/*.js"
// Проверяет форматирование всех JavaScript файлов в директории src и её поддиректориях.npx prettier --write "src/**/*.css"
// Форматирует все CSS файлы в директории src и её поддиректориях.18. Линтинг кода
npx eslint "src/**/*.js"
// Проверяет все JavaScript файлы в директории src и её поддиректориях на наличие ошибок.Примеры:
npx eslint --fix "src/**/*.js"
// Исправляет все возможные ошибки в JavaScript файлах в директории src и её поддиректориях.npx eslint "src/**/*.ts"
// Проверяет все TypeScript файлы в директории src и её поддиректориях на наличие ошибок.19. Генерация документации
npx jsdoc -c jsdoc.json
// Генерирует документацию на основе конфигурационного файла jsdoc.json.Примеры:
npx jsdoc -r src -d docs
// Генерирует документацию для всех файлов в директории src и сохраняет её в директории docs.npx jsdoc -c jsdoc.json -R README.md
// Генерирует документацию и добавляет содержимое README.md в качестве вступления.20. Запуск тестов
npx jest
// Запускает тесты с использованием Jest.Примеры:
npx jest --watch
// Запускает тесты в режиме наблюдения.npx jest --coverage
// Запускает тесты и генерирует отчет о покрытии кода.21. Создание компонентов
npx generate-react-cli component MyComponent
// Создает новый компонент React с именем MyComponent.Примеры:
npx generate-react-cli component MyComponent --type class
// Создает новый компонент класса с именем MyComponent.npx generate-react-cli component MyComponent --type functional
// Создает новый функциональный компонент с именем MyComponent.22. Запуск локального сервера разработки
npx live-server
// Запускает локальный сервер для разработки с поддержкой живого обновления.Примеры:
npx live-server --port=8080
// Запускает локальный сервер на порту 8080.npx live-server ./public
// Запускает локальный сервер, обслуживающий файлы из директории ./public.23. Анализ производительности
npx lighthouse http://example.com
// Анализирует производительность указанного сайта с помощью Google Lighthouse.Примеры:
npx lighthouse http://localhost:3000
// Анализирует производительность локального сайта.npx lighthouse http://example.com --view
// Анализирует производительность сайта и открывает отчет в браузере.24. Проверка ссылок
npx broken-link-checker http://example.com
// Проверяет сайт на наличие неработающих ссылок.Примеры:
npx broken-link-checker http://localhost:3000
// Проверяет локальный сайт на наличие неработающих ссылок.npx broken-link-checker http://example.com --follow
// Проверяет сайт на наличие неработающих ссылок и следит за переадресациями.25. Оптимизация изображений
npx imagemin-cli src/* --out-dir=dist
// Оптимизирует все изображения в директории src и сохраняет их в директорию dist.Примеры:
npx imagemin-cli src/*.{png,jpg} --out-dir=dist
// Оптимизирует все PNG и JPG изображения в директории src и сохраняет их в директорию dist.npx imagemin-cli src --plugin=pngquant --out-dir=dist
// Оптимизирует изображения в директории src с использованием плагина pngquant и сохраняет их в директорию dist.Заключение
npx предоставляет невероятно удобный способ запуска команд и скриптов без необходимости установки их в проект. С помощью этих пакетов и команд вы можете значительно упростить и ускорить свою работу по разработке, тестированию и оптимизации проектов. Используйте npx для выполнения одноразовых задач и скриптов, чтобы сделать вашу работу более эффективной и продуктивной.
