如何在mac里初始化react项目

使用npx创建React项目

打开终端，运行以下命令创建新项目：

npx create-react-app my-app

my-app为项目名称，可自定义。该命令会自动安装React及其依赖项，生成基础项目结构。

启动开发服务器

项目创建完成后，进入项目目录并启动开发服务器：

cd my-app
npm start

默认情况下，开发服务器会在浏览器中打开http://localhost:3000，并实时热更新代码改动。

使用Vite创建React项目（可选）

若需更快的构建工具，可使用Vite初始化React项目：

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

进入项目目录并安装依赖后启动：

cd my-vite-app
npm install
npm run dev

项目结构说明

初始化后的React项目通常包含以下关键目录和文件：

• src/：存放主要源代码，包括入口文件index.js和组件文件App.js。
• public/：存放静态资源如HTML模板和图片。
• package.json：记录项目依赖和脚本命令。

安装额外依赖（如需要）

根据项目需求安装其他库，例如路由库React Router：

npm install react-router-dom

配置IDE（如VS Code）

建议安装以下VS Code插件提升开发效率：

• ESLint：代码质量检查。
• Prettier：代码格式化。
• Reactjs code snippets：快速生成React组件代码片段。

清理默认文件（可选）

若需从头开始编写代码，可删除src/下除index.js外的所有文件，并清空App.js中的默认内容。