我刚开始学习react.js教程，我已经下载了文件，然后它提到：
“启动服务器后，在浏览器中打开http://localhost:3000以跟踪您的进度。”
我知道这可能听起来很愚蠢（因为我是React的初学者），但在这种情况下，我该如何启动服务器呢？
谢谢。
Marc
5个回答
23
很有可能是从项目根目录运行npm start。
正确打包的模块会在package.json中配置一些node脚本。通常情况下，使用start作为运行开发环境的脚本，但有些人可能会使用build、dev或其他名称。
- Carl Vitullo
7
基本上，我来自创意背景，12年前开始涉足前端设计和开发，因此在HTML5、CSS3、一些JavaScript和jQuery方面具有商业经验。在过去的三年中，我对UX策略的更深入方面产生了兴趣，同时也喜欢保持与新兴技术的更新，因此正在学习使用React.js创建Web应用程序以及Web组件在这个领域的理论和未来实现。 - Marc
1作为前端设计和开发方面的专业人员，目前我正在尝试拼凑如何创建文件夹结构，并使用React.js在Node.js服务器上构建网站，同时结合HTML和CSS，以及这些语言在开发和生产层面上如何技术性地协同工作，以创建最终产品或至少是进一步开发的原型。 - Marc
希望能看到一个教程，包括一个示例项目，教授如何通过使用Node和React从典型的前端原型构建流程转换到这个流程。 - Marc
是的，有很多习语对于初学者来说不易理解。如果你有问题，我可以帮忙管理一个相当友好的 React 开发者社区，网址是 http://join.reactiflux.com。 - Carl Vitullo
好的，太棒了，谢谢卡尔。我刚刚加入。我会继续学习我正在进行的教程，如果有任何进一步的问题，我会在这里或那里提出。谢谢。 - Marc
显示剩余2条评论
11
# 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.
- w411 3
6
您可以运行以下任何一个命令来启动ReactJS应用程序的节点服务器：
这些命令中的 start 参数映射到任何ReactJS应用程序的 package.json 文件中 scripts 配置下的 start 键。这是我的hello-world应用程序的示例 package.json 文件：
你可以看到在start关键字前面写着
- npm run-script start
- npm run start
- npm start
这些命令中的 start 参数映射到任何ReactJS应用程序的 package.json 文件中 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"
}
}
你可以看到在start关键字前面写着
react-scripts start。因此，当我们运行我在开头列出的任意三个命令之一，例如npm start时，react-scripts start命令将被触发。- RBT
3
我使用Node运行服务器，具体步骤如下：
- 我从这里下载了zip包。
- 我打开了链接：http://localhost:3000/
- 我打开了Node.js命令提示符，并导航到下载的zip项目。从这里的Node示例中获取以下命令：
只需输入示例中的命令： 首先是npm install，然后是 node server.js。
请参阅下面的屏幕截图：
当我刷新本地主机网页时，我看到以下内容：
- Gloria
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接