一、使用create-react-app创建
1、全局安装脚手架库: create-react-app
npm i -g create-react-app
2、创建项目:create-react-app + (my-app)项目名称;
create-react-app my-app
3、进入项目文件夹
cd my-app
4、运行项目
npm start
二、使用vite创建(推荐)
1、创建最新版本的vite项目
cnpm create vite@latest
2、 项目命名、选择框架、选择JS+SWC
Project name: my-react-vite
Select a framework: » React
Select a variant: » JavaScript + SWC
3、进入项目文件夹
cd my-react-vite
4、手动安装相关依赖
npm install
5、运行项目
npm run dev
结尾
1、create-react-app创建项目耗时太长,个人不喜欢,推荐使用vite(速度极快)。
2、SWC (全称Speedy Web Compiler)是一个基于 Rust 的TS/JS编译器, 对标的是babel, SWC 声称比 Vite 3.0 中使用的 Babel 快 20 倍(vite3中使用bebel, vite4中使用bebel)。
3、vite中npm install的原因:vite不会自动安装相关的依赖,需要我们手动去安装。