反应教程 - 如何为reactJs应用程序启动节点服务器？

Question

我刚刚开始使用react.js教程，我已经下载了文件，然后提到：

＆＃34;在浏览器中打开http://localhost:3000（启动服务器后），关注您的进度。 ＆＃34;

我知道这可能听起来很愚蠢，（因为我是React的初学者，所以请耐心等待）但是如何在这种情况下启动服务器？

感谢。

马克

Answer 1

从项目根目录npm start非常可靠。

正确打包的模块将在package.json中配置一些node scripts。习惯使用start作为运行开发环境的脚本，但有些可能会使用build，dev或其他名称。

Answer 2

我使用Node来运行服务器。我遵循的步骤是：

1. 我从Running a server部分下载了zip包 here

2. 我打开了链接：http://localhost:3000/

3. 我打开了Node.js命令提示符并导航到下载的 拉链项目。来自节点示例here：

   只需在示例中键入命令： 先安装npm然后再安装 node server.js。

   请参见下面的屏幕截图：



当我刷新localhost网页时，我看到以下内容：

Answer 3

听起来你正在关注official React tutorial，在这种情况下，启动各种包含的服务器实现的指令是here。

Answer 4

您可以运行以下任何一个命令来启动reactJs应用程序的节点服务器：

1. npm run-script start
2. npm run start
3. npm start

以上三个命令都是等效的，但当然人们通常使用最后一个命令，因为它是最短的：）

此处start只是映射到reactJs应用程序的start文件中存在的scripts配置中的package.json密钥。就像我的reactJs应用程序的package.json文件一样，它导致触发npm的react-scripts start命令。这是我的hello-world应用程序的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"
  }
}

Answer 5

此处的正式安装过程为：link，并正式建议使用tutorials

# 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.