如何创建个react的项目
安装 Node.js 和 npm
确保系统已安装 Node.js(包含 npm)。可通过官网下载并安装最新版本。安装完成后,在终端运行以下命令验证安装:
node -v
npm -v
使用 Create React App 创建项目
Create React App 是官方推荐的脚手架工具。运行以下命令创建新项目(将 my-app 替换为项目名称):
npx create-react-app my-app
等待依赖安装完成后,进入项目目录:
cd my-app
启动开发服务器
在项目目录下运行以下命令启动开发服务器:
npm start
默认情况下,应用会在浏览器中打开 http://localhost:3000 并显示欢迎页面。
项目结构说明
创建的项目包含以下核心文件和目录:
src/:主要开发目录,包含App.js和index.js等入口文件。public/:静态资源目录,如index.html。package.json:项目配置和依赖管理文件。
可选:使用 Vite 创建项目
如需更快的构建工具,可使用 Vite。运行以下命令创建 React 项目:
npm create vite@latest my-app --template react
进入项目目录并安装依赖:
cd my-app
npm install
npm run dev
生产环境构建
完成开发后,运行以下命令生成优化后的生产版本:

npm run build
构建结果会保存在 build/ 目录中,可直接部署到服务器。






