react如何启动6

安装 Node.js 和 npm/yarn

确保系统中已安装 Node.js（建议版本 16 或更高）和 npm/yarn。可通过以下命令验证版本：

node -v
npm -v

创建 React 项目

使用官方工具 create-react-app 或 Vite 创建新项目。

npx create-react-app my-app --template typescript

或使用 Vite（推荐更快的启动速度）：

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

启动开发服务器

进入项目目录并运行开发服务器：

cd my-app
npm start

Vite 项目使用：

npm run dev

配置 React 18 特性

若需启用并发模式（Concurrent Mode），在入口文件（如 main.tsx）中使用 createRoot：

import { createRoot } from 'react-dom/client';
const root = createRoot(document.getElementById('root'));
root.render(<App />);

安装必要依赖

根据项目需求添加路由、状态管理等库：

npm install react-router-dom @reduxjs/toolkit

检查浏览器兼容性

React 18 依赖现代浏览器特性，必要时在 package.json 中添加 browserslist 配置以支持目标环境。

生产环境构建

生成优化后的生产代码：

npm run build

使用 serve 测试构建结果：

npx serve -s build