1、nvm管理nodejs
2、修改端口
/node_modules/react-scripts/scripts/start.js
// 这是start.js部分源码
const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
const HOST = process.env.HOST || '0.0.0.0';
// 将3000修改自己需要的端口号
const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 9527;
const HOST = process.env.HOST || '0.0.0.0';
3、
下面是一个简单的步骤来开始使用 React：
-
确保你的计算机上已安装 Node.js。你可以在命令行中输入
node -v来检查是否已安装。 -
打开命令行工具，并进入你想要创建项目的目录。
-
运行以下命令来创建一个新的 React 项目：
npx create-react-app my-app这将使用 Create React App 工具来快速生成一个基本的 React 项目结构。
-
进入新创建的项目目录：
cd my-app -
启动开发服务器：
npm start这将启动一个本地开发服务器，并在默认浏览器中打开项目。
现在你已经成功创建了一个 React 项目，可以开始编写代码了。你可以在 src 目录中找到 App.js 文件，这是应用程序的主要组件。你可以编辑该文件并查看实时更新的效果。
React 的核心概念之一是组件。一个组件是一个独立的、可重用的代码块，用于构建用户界面。你可以创建自己的组件，并在需要的地方使用它们。
例如，你可以创建一个简单的 Hello 组件，在 src 目录下创建一个新文件 Hello.js，并添加以下代码：
import React from 'react';
function Hello() {
return <h1>Hello, React!</h1>;
}
export default Hello;
然后，在 App.js 中使用这个组件：
import React from 'react';
import Hello from './Hello';
function App() {
return (
<div>
<Hello />
</div>
);
}
export default App;
保存文件后，你将在浏览器中看到更新后的界面，显示 “Hello, React!”。文章来源：https://www.toymoban.com/news/detail-817975.html
note
1 Installing the environment has wasted a lot of my time.文章来源地址https://www.toymoban.com/news/detail-817975.html
到了这里，关于服务器上面安装nodejs react的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
