React+TypeScript项目创建

本文主要叙述基于 TypeScript 的 React 项目创建。

可采取两个工具来创建：create-react-app(React官方提供)、vite(不仅仅是创建React项目，Vue等也可用)

每种工具都列出 npm 和 yarn 两种使用方式

一，create-react-app

1，npm

npx create-react-app@latest XXX(项目名称) --template typescript

@latest 是使用 create-react-app 的最新版本来创建项目

--template typescript 是使用 ts 来创建项目

注：npm 与 npx 的关系自行百度。

2，yarn

yarn create react-app XXX(项目名称) --template typescript

注意：这里 create 后面是 空格

二，vite

1，npm

npm init vite@latest

然后根据自己的项目需求和终端提示，人性化选择即可。

2，yarn

yarn create vite

同上，接下来也是一系列选择项。

三，总结

vite 的创建速度要比 create-react-app 快很多，并且 vite 不仅仅可以创建 React 项目，还可以创建Vue 等其他框架项目。但是，create-react-app 是官方提供的工具！