如何用命令行新建react项目

使用 create-react-app 创建项目

安装最新版本的 create-react-app 工具后，在命令行运行以下命令生成新项目：

npx create-react-app my-app

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

使用 Vite 创建项目

Vite 是一种更快速的构建工具，适合现代 React 开发。通过以下命令创建项目：

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

my-vite-app 为项目名称，--template react 指定使用 React 模板。

手动配置 Webpack 项目

如需更灵活的配置，可手动初始化项目：

mkdir my-webpack-app
cd my-webpack-app
npm init -y
npm install react react-dom
npm install webpack webpack-cli babel-loader @babel/preset-react --save-dev

创建 webpack.config.js 和 Babel 配置文件，手动设置编译规则。

使用 Next.js 框架

Next.js 提供 SSR 和静态生成支持，创建命令如下：

npx create-next-app@latest

按照提示选择项目配置，包括是否使用 TypeScript、ESLint 等。

项目启动与测试

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

cd my-app
npm start

默认情况下，开发服务器会运行在 http://localhost:3000。

注意事项

• 确保 Node.js 版本 ≥ 16.8，npm ≥ 8.0。
• 使用 yarn 替代 npm 时，需全局安装 Yarn：npm install -g yarn。
• 旧版 create-react-app 需全局安装，新版推荐直接使用 npx 避免版本冲突。