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 或更高) 检查网络连接是否正常 避免在项目路径中包含特殊字符或空格






