创建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 每一个包独立安装
待续。。。