Free Party cli 一个注重自由配置的脚手架

402 阅读2分钟

写在前面

友链:

xinsirnuxt:一个 nuxt 脚手架
文档链接:juejin.cn/post/706368…

模板链接:

gitee:gitee.com/ming_xinChe…

github:github.com/Andy-ask/fr…

为什么要整合这么一个 cli

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

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

当你的项目越来越大的时候,你会发现启动的项目的速度会越来越慢,热重载的速度也会越来越慢,这就需要去优化项目启动速度以及热重载速度

这时候 vite 他就来了;vite 具如其名,急速的,他带来了极速的服务启动以及轻量快速的热重载,直接解决了开发中启动速度与热重载的慢的问题,这也是我为什么选择用 vite 的原因

关于 vite 的其他特性可以查阅 vite 官网 cn.vitejs.dev/

使用了哪些 react 家族?

react:框架本身,这个我就不多说了,学习可看官网 reactjs.org/

redux:用于JS应用程序的可预测的状态容器,官网 redux.js.org/

immer:不可变数据结构,增加 redux 的安全性能,官网 immerjs.github.io/immer/

redux-toolkit:redux工具,更好的使用redux,并且使用集成了 immer,在使用 redux 的时候自动使用 immer,官网 redux-toolkit.js.org/

react-router:路由,让你在多个页面间穿梭,官网 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

写在最后

在往后的时间里,我会将 free party cli 打造为更加自由并且稳定的脚手架,保持最新、自由、稳定