创建react 项目

注意： 网上有一些生成react 的方法，但是也有一些是过时的。

使用官方脚手架creact-react-app

全局安装 creact-react-app 这个脚手架

这个脚手架和 vue 的 vue-cli是一样的，都可以全局安装，命令： npm install -g creact-react-app , 安装好了后，直接使用 create-react-app <项目名> 就可以创建一个react 项目了

直接使用npx

npx create-react-app <项目名>, 注意，npx 不是拼写错误，是 npm 在 5.2版本之后，推出了一个执行指定代码的一个指令，

这种方式创建，感觉比较慢，想要快的同学可以使用vite, 接下来的文章中会有相关的描述.

使用vite 进行搭建

vite 到现在应该都不陌生，是一个比较新的构建工具。在开发速度的热加载中是快的惊人。

语法： npm init @vitejs/app my-react-app --template react 更多指令，查看官方文档，可以把react 替换成 vue vue-ts 或者是下面图片中的任何一个

搭建react + ts 的项目

方式一： 使用官方的脚手架

注意： npx create-react-app <项目名> --scripts-version=react-scripts-ts 网上大部分的这种方法已经过时

npx create-react-app <项目名> -- typescript: 这个方法也没有了，只能创建js 的react

正确的做法：
npx create-react-app <项目名> --template typescript 跟多的react 结合 查看文档

ps： 安装的时间比较久,想要快速，使用 vite

效果： 这个是本人删除了原来的一点内容，准备拿来练手，然后觉得写篇文章，给自己的学习留下点足迹。

方式二： 使用vite

语法： npm init @vitejs/app <项目名称>--template react-ts

效果：

方式三： 使用webpack 每一个包独立安装

待续。。。