react如何启动6

安装 Node.js 和 npm/yarn

确保系统中已安装 Node.js（版本 14 或更高）和 npm/yarn。可通过以下命令检查版本：

node -v
npm -v

创建 React 项目

使用官方工具 create-react-app 创建新项目：

npx create-react-app my-app

或使用 Vite（推荐更快的构建工具）：

npm create vite@latest my-app --template react

进入项目目录

创建完成后，进入项目文件夹：

cd my-app

启动开发服务器

运行以下命令启动开发服务器：

npm start

使用 Vite 的项目则运行：

npm run dev

访问应用

默认情况下，应用会在浏览器中自动打开 http://localhost:3000（create-react-app）或 http://localhost:5173（Vite）。若未自动打开，可手动访问对应地址。

项目结构说明

• src/App.js：主组件文件。
• src/index.js：应用入口文件。
• public/：存放静态资源（如 HTML 模板）。

可选配置

修改 package.json 中的脚本或配置构建工具（如 Webpack/Vite）以满足特定需求。例如，调整端口号或代理设置。

生产环境构建

生成优化后的生产版本：

npm run build

构建结果会输出到 build/ 或 dist/ 文件夹。