· 1、Tailwindcss3.0:是一个偏向于用 class 方式供开发者使用的 css 框架:无需离开 HTML 即可快速构建现代网站(摘于 tailwindcss3.0 网站标题).
· 2、@headlessui/react:用于处理网站内的大部分 UI 交互逻辑组件库.
· 3、@heroicons/react:一个含有 230 余个图标的图标组件库.
· 4、react-router-dom: react 官方的路由功能库,大部分路由逻辑都使用的是 react-router-dom 里的组件,此项目使用的是 v6 版.
· 5、react-spring:部分动画效果的实现,都是利用 react-spring 完成.
· 6、React-Toastify:页面消息通知栏功能的实现,都是利用 React-Toastify 完成.
- 1-克隆此项目到本地 ✨
git clone https://gitee.com/xiao-kang-zhang/vent-roar.git
//克隆此项目文件
- 2-进入到克隆好的项目路径内,并安装本地依赖 ✨
cd vent-roar
//进入到克隆好的项目目录里
npm install
//安装项目依赖库
- 3-启动 vite 自带开发服务器 ✨
npm run dev
//开启开发服务器
- 4 开启服务,进入 http://localhost:3000 🎉