项目经验：react创建项目

前言

如果你学会了，可以忽略本文章，或去项目经验地图寻找更多答案

---

创建项目的方式

第一种：使用脚手架，创建react 或者 react + typescript
第二种：使用webpack，创建react 或者 react + typescript
第三种：使用react框架umi，创建react 或者 react + typescript

---

第一种：使用脚手架，创建react 或者 react + typescript

安装脚手架：
npm i -g create-react-app  ||  yarn add global create-react-app

创建react项目
npx create-react-app projectName

创建react + typescript项目
npx create-react-app projectName --template typescript

react 补 typescript

先创建了react，后加上typescript

安装：
yarn add typesctipt @types/react @types/react-dom -D

创建配置文件：
npx tsc --init

修改后缀：
.jsx 改为 tsx

---

第二种：使用webpack，创建react 或者 react + typescript

参考webpack文章

---

第三种：使用umi创建react 或者 react + typescript

生成umi3项目，无选项，默认使用ts，可以改文件后缀为.js

安装脚手架
npm i -g create-umi  ||  yarn add global create-umi

yarn create @umijs/umi-app

安装依赖
yarn

---

学习更多

项目经验地图