2 月 14 號，React 官方發(fā)文宣布正式棄用 Create-React-App (https://react.dev/blog/2025/02/14/sunsetting-create-react-app)，后續(xù)不再維護 ，并推薦后續(xù)使用如下方式初始化 React 開發(fā)環(huán)境：

# Next.js
npx create-next-app@latest my-app

# React Router v7 (基于Vite)
npx create-react-router@latest

# Expo (移動應用)
npx create-expo-app my-app

# 使用 vite
npm create vite@latest my-app -- --template react

一些吐槽

我的個人觀點，CRA 是很早之前推出的產(chǎn)品，早期前端工程基建工具還比較原始，確實需要這么一個工具內(nèi)置好各類工程實踐與規(guī)則，快速搭建應用開發(fā)環(huán)境，但如今基建工具已經(jīng)迭代了很多輪，CRA 卻沒有投入太多精力，沒有發(fā)生多少變化，內(nèi)置的模板能力也很薄弱，缺乏路由、數(shù)據(jù)請求、Splitchunk 打包、SSR 等相關(guān)的標準解決方案。

并且現(xiàn)在看來， CRA 的設計也很有問題，默認把配置邏輯都隱藏了，但當你需要修改工程能力時，必須用 npm run eject 把配置代碼都顯式寫出來，之后再做修改，但這一大坨配置代碼實在不好理解也不好維護：

圖片

相對而言，Vite、Rsbuild 等現(xiàn)代化工程框架的處理方案就優(yōu)雅了許多，只需維護若干配置文件即可。

圖片

使用 Cursor 初始化項目

除此之外，我個人會更推薦使用 Cursor ，智能搭建項目環(huán)境，你可以在創(chuàng)建項目后逐步引導，逐步完成項目設置，例如我常用的 Prompt：

設置 prettier 環(huán)境，并配置保存代碼時自動格式化

設置 eslint 環(huán)境，并以 airbnb 為標準規(guī)范

設置 ts 環(huán)境，并產(chǎn)出 esm 風格產(chǎn)物代碼

配置 rsbuild + react 開發(fā)環(huán)境

這種方法要求對工程規(guī)則有一定了解，知道在什么項目下需要配置什么規(guī)則，使用什么工具，但相應的更加靈活，方便維護一些。在 Cursor + claude 組合下，這些 Prompt 基本都能生成正確的結(jié)果，建議多試試。