文章摘要

一个 react 全家桶脚手架，使用 vite 进行项目启动，热加载

写在前面

友链：
xinsirnuxt：一个 nuxt 脚手架
文档链接：https://juejin.cn/post/7063680890001424392
模板链接：
gitee：https://gitee.com/ming_xinChen/free-party-template
github：https://github.com/Andy-ask/free-party-template

为什么要整合这么一个 cli

这个 cli 是通过 vite 作为打包工具创建的 react，当时我发现 vite 创建的 react 非常简陋，但是我又想使用 react 全家桶，所以 free-party-cli 就诞生了

为什么要采用 vite 作为打包工具？

当你的项目越来越大的时候，你会发现启动的项目的速度会越来越慢，热重载的速度也会越来越慢，这就需要去优化项目启动速度以及热重载速度
这时候 vite 他就来了；vite 具如其名，急速的，他带来了极速的服务启动以及轻量快速的热重载，直接解决了开发中启动速度与热重载的慢的问题，这也是我为什么选择用 vite 的原因
关于 vite 的其他特性可以查阅 vite 官网 https://cn.vitejs.dev/

使用了哪些 react 家族？

react：框架本身，这个我就不多说了，学习可看官网 https://reactjs.org/
redux：用于JS应用程序的可预测的状态容器，官网 https://redux.js.org/
immer：不可变数据结构，增加 redux 的安全性能，官网 https://immerjs.github.io/immer/
redux-toolkit：redux工具，更好的使用redux，并且使用集成了 immer，在使用 redux 的时候自动使用 immer，官网 https://redux-toolkit.js.org/
react-router：路由，让你在多个页面间穿梭，官网 https://reactrouter.com/

怎么使用 free party cli？

全局安装 free party cli
npm install -g free-party-cli
or
yarn add -g free-party-cli

创建项目
free-party-cli create [你的项目名]
cd [你的项目名]

安装包
npm install

运行
npm run dev