react项目如何启动

启动 React 项目的步骤

通过 Create React App (CRA) 创建项目

运行以下命令创建一个新的 React 项目：

npx create-react-app my-app

进入项目目录：

cd my-app

启动开发服务器：

npm start

通过 Vite 创建项目

安装 Vite 并创建项目：

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

进入项目目录：

cd my-app

安装依赖：

npm install

启动开发服务器：

npm run dev

通过 Next.js 创建项目

运行以下命令创建一个新的 Next.js 项目：

npx create-next-app@latest

进入项目目录：

cd my-app

启动开发服务器：

npm run dev

项目结构说明

典型的 React 项目结构包含以下文件和目录：

• src/：存放源代码
• public/：存放静态资源
• package.json：项目配置和依赖管理

常用命令

开发模式启动：

npm start

生产环境构建：

npm run build

运行测试：

npm test

注意事项

确保已安装 Node.js（建议版本 14 或更高） 检查网络连接是否正常 避免在项目路径中包含特殊字符或空格