React tutorial - как я могу запустить сервер node для приложения reactJs?

Я только начинаю учебник по реактиву .js, скачал файлы и тут упоминается:

"Следите за вашими успехами, открыв http://localhost: 3000 в вашем браузере (после запуска сервера)".

Я знаю, что это может звучать глупо (терпите меня, так как я новичок в React), но как мне запустить сервер в этом случае?

Благодарю.

Марк

Ответ 1

Довольно солидный шанс: npm start из корня проекта.

Соответственно упакованные модули будут иметь node сценарии, настроенные в package.json. Обычно использовать start как script для запуска среды dev, хотя некоторые могут использовать build, dev или другие имена.

Ответ 2

Я использовал Node для запуска сервера. Следующие шаги были следующими:

  • Я загрузил пакет zip из раздела "Запуск сервера" здесь

  • У меня была открытая ссылка: http://localhost:3000/

  • Я открыл командную строку Node.js и перешел к загруженной zip-проект. Из Node пример здесь:

    Просто введите команды в примере: Сначала установите npm, а затем node server.js.

    Смотрите снимок экрана ниже:

введите описание изображения здесь

Когда я обновляю веб-страницу localhost, я вижу следующее:

введите описание изображения здесь

Ответ 4

Вы можете запустить любую из приведенных ниже команд для запуска сервера node для вашего приложения responseJs:

  • npm run- script start
  • npm run start
  • npm start

Все выше трех команд эквивалентны, но, конечно, люди обычно используют последний, поскольку он является самым коротким:)

Здесь start просто сопоставляется с ключом start, присутствующим в конфигурации scripts, присутствующей в файле package.json вашего приложения responseJs. Как и в файле package.json моего приложения responseJs, он приводит к стрельбе react-scripts start команды npm. Вот мой package.json файл моего привет-мирового приложения.

{
  "name": "hello-world",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "devDependencies": {
    "react-scripts": "0.9.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

Ответ 5

Здесь официальный процесс установки: ссылка и официально рекомендуемые учебники

# install react cli
npm install -g create-react-app

# create app
create-react-app my-react-app-name

# go to project folder
cd my-react-app-name

# install dependencies
npm install

# start live server
npm start

выход:

$ You can now view my-react-app-name in the browser.

$ Local:            http://localhost:3000/
$ On Your Network:  http://192.168.0.105:3000/

$ Note that the development build is not optimized.
$ To create a production build, use npm build.