idea如何启动react项目
安装 Node.js 和 npm
确保系统中已安装 Node.js（包含 npm）。可以从 Node.js 官网 下载并安装最新稳定版本。安装完成后，通过以下命令验证安装是否成功：
node -v
npm -v创建 React 项目
使用 create-react-app 脚手架工具快速生成 React 项目。运行以下命令创建项目（将 my-react-app 替换为项目名称）：
npx create-react-app my-react-app等待依赖安装完成。
在 IDEA 中打开项目
启动 IntelliJ IDEA，选择 File > Open，找到生成的 React 项目目录（如 my-react-app），点击 OK 打开项目。
配置运行环境
在 IDEA 中确保 Node.js 插件已启用。通过 File > Settings > Plugins 搜索 Node.js，确认插件已安装并启用。若未安装，点击 Install 后重启 IDEA。
启动开发服务器
在 IDEA 底部工具栏打开 Terminal，运行以下命令启动开发服务器：
npm start默认情况下，项目会在浏览器中自动打开 http://localhost:3000 并显示 React 欢迎页面。
调试配置（可选）
如需调试，点击 IDEA 顶部菜单 Run > Edit Configurations，添加一个 npm 类型的配置。在 Command 字段填写 start，保存后即可通过 Run 按钮启动项目。
安装必要插件（可选）
建议安装以下插件提升开发体验：
- ESLint：代码规范检查。
- Prettier：代码格式化。
- React Developer Tools（浏览器扩展）：调试 React 组件。
项目结构说明
生成的 React 项目主要目录结构如下：
src/：源代码目录，包含入口文件index.js和组件。public/：静态资源文件，如index.html。package.json：项目依赖和脚本配置。
