Я только начал изучать React, и Facebook помогает упростить первоначальную настройку, предоставив следующий готовый проект .

Если мне нужно установить каркасный проект, я должен ввести npx create-react-app my-appв командной строке.

Мне было интересно, почему Facebook в Github есть, npx create-react-app my-appа не npm create-react-app my-app?

Представляем npx: менеджер пакетов npm

NPM- Управляет пакеты , но не делает жизнь легко выполнения любой.
NPX- Инструмент для выполнения пакетов Node.

NPXпоставляется в комплекте с NPMверсией5.2+

NPMсам по себе не просто запустить какой-либо пакет. фактически он не запускает ни одного пакета. Если вы хотите запустить пакет с помощью NPM, вы должны указать этот пакет в своем package.jsonфайле.

Когда исполняемые файлы устанавливаются через пакеты NPM, NPM связывается с ними:

1. локальные установки имеют «ссылки», созданные в ./node_modules/.bin/каталоге.
2. Глобальные установки имеют «ссылки», созданные из глобального bin/каталога (например /usr/local/bin) в Linux или в %AppData%/npmWindows.

Документация, которую вы должны прочитать

NPM:

Можно установить пакет локально на определенный проект:

npm install some-package

Теперь предположим, что вы хотите, чтобы NodeJS выполнил этот пакет из командной строки:

$ some-package

Выше будет терпеть неудачу . Только глобально установленные пакеты могут быть выполнены путем ввода только их имени .

Чтобы это исправить и запустить, вы должны ввести локальный путь:

$ ./node_modules/.bin/some-package

Технически вы можете запустить локально установленный пакет, отредактировав ваш packages.jsonфайл и добавив этот пакет в scriptsраздел:

{
  "name": "whatever",
  "version": "1.0.0",
  "scripts": {
    "some-package": "some-package"
  }
}

Затем запустите скрипт, используя npm run-script(или npm run):

npm run some-package

NPX:

npxпроверит, <command>существует $PATHли он в локальных или локальных двоичных файлах проекта, и выполнит его. Итак, для приведенного выше примера, если вы хотите выполнить локально установленный пакет, some-packageвсе что вам нужно сделать, это набрать:

npx some-package

Еще одним важным преимуществом npxявляется возможность выполнения пакета, который ранее не был установлен:

$ npx create-react-app my-app

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

Смежные вопросы:

1. Как использовать пакет, установленный локально в node_modules?
2. NPM: как получить исходную папку ./node_modules/.bin?
3. Как вы запускаете файл js, используя скрипты npm?

npx - это менеджер пакетов npm (вероятно, x обозначает eXecute). Типичное использование - загрузка и запуск пакета временно или для ознакомительных испытаний.

create-response-app - это пакет npm, который, как ожидается, будет запущен только один раз в жизненном цикле проекта. Следовательно, предпочтительно использовать npx для установки и запуска за один шаг.

Как упоминалось в справочной странице https://www.npmjs.com/package/npx , npx по умолчанию может запускать команды в PATH или из node_modules / .bin.

Примечание. С некоторыми копиями мы можем обнаружить, что create-реагировать на приложение указывает на файл Javascript (возможно, на /usr/lib/node_modules/create-react-app/index.js в системах Linux), который выполняется в среде узла , Это просто глобальный инструмент, который делает некоторые проверки. Фактическая настройка выполняется по реагирующим скриптам, последняя версия которых установлена ​​в проекте. Обратитесь к https://github.com/facebook/create-react-app для получения дополнительной информации.

NPM - менеджер пакетов, вы можете устанавливать пакеты node.js, используя NPM

NPX - это инструмент для выполнения пакетов node.js.

Неважно, установили ли вы этот пакет глобально или локально. NPX временно установит его и запустит. NPM также может запускать пакеты, если вы настроите файл package.json и включите его в раздел сценариев.

Помните об этом, если вы хотите быстро проверить / запустить пакет узла без локальной или глобальной установки, используйте NPX.

нп м - менеджер

NP X - Выполнить - легко запомнить

NPX:

Из https://www.futurehosting.com/blog/npx-makes-life-easier-for-node-developers-plus-node-vulnerability-news/ :

Веб-разработчики могут иметь десятки проектов на своих машинах разработки, и у каждого проекта есть свой собственный набор установленных зависимостей npm. Несколько лет назад обычный совет для работы с приложениями CLI, такими как Grunt или Gulp, заключался в их локальной установке в каждом проекте, а также во всем мире, чтобы их можно было легко запустить из командной строки.

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

Локальные версии инструментов позволяют разработчикам извлекать проекты из GitHub, не беспокоясь о несовместимости с глобально установленными версиями инструментов. NPM может просто установить локальные версии, и все готово. Но установки, специфичные для проекта, не обходятся без проблем: как запустить правильную версию инструмента без указания его точного местоположения в проекте или использования псевдонимов?

Это проблема, которую решает npx. Новый инструмент, включенный в NPM 5.2, npx - это небольшая утилита, которая достаточно умна, чтобы запускать правильное приложение, когда оно вызывается из проекта.

Например, если вы хотите запустить локальную для проекта версию mocha, вы можете запустить npx mocha внутри проекта, и она будет делать то, что вы ожидаете.

Полезным побочным преимуществом npx является то, что он автоматически устанавливает пакеты npm, которые еще не установлены. Итак, как отмечает создатель инструмента Кэт Марчан, вы можете запустить npx benny-hill без необходимости бороться с Benny Hill, загрязняющим глобальную среду.

Если вы хотите взять npx за спин, обновитесь до последней версии npm.

npx запускает команду пакета без явной его установки.

Случаи использования:

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

Синтаксис:

npx [options] [-p|--package <package>] <command> [command-arg]...

Пакет не является обязательным:

npx   -p uglify-js         uglifyjs --output app.min.js app.js common.js
      +----------------+   +--------------------------------------------+
      package (optional)   command, followed by arguments

Например:

Start a HTTP Server      : npx http-server
Lint code                : npx eslint ./src
                         # Run uglifyjs command in the package uglify-js
Minify JS                : npx -p uglify-js uglifyjs -o app.min.js app.js common.js
Minify CSS               : npx clean-css-cli -o style.min.css css/bootstrap.css style.css
Minify HTML              : npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace
Scan for open ports      : npx evilscan 192.168.1.10 --port=10-9999
Cast video to Chromecast : npx castnow http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4

Подробнее о command:

• https://docs.npmjs.com/files/package.json#bin
• https://github.com/mishoo/UglifyJS2/blob/master/package.json#L17

Простое определение:

npm - менеджер пакетов Javascript

npx - выполнить двоичные файлы пакета npm

Вот пример NPX в действии: npx cowsay hello

Если вы введете это в свой терминал bash, вы увидите результат. Преимущество этого в том, что npx временно установил cowsay. Там нет загрязнения пакета, так как коровье не установлено постоянно. Это отлично подходит для одноразовых упаковок, где вы хотите избежать загрязнения упаковки.

Как упоминалось в других ответах, npx также очень полезен в тех случаях, когда (с npm) необходимо установить пакет и настроить его перед запуском. Например, вместо использования npm для установки и настройки файла json.package, а затем для вызова настроенной команды запуска просто используйте вместо него npx. Реальный пример: npx create-Reaction-app my-app