Vite社区模板的使用

Vite社区模板

Vite官方中文文档：https://cn.vitejs.dev

社区模板地址：https://github.com/vitejs/awesome-vite#templates

使用前提

需要安装npx、degit

npm add npx -g
npm add degit -g

使用方法

选择对应模板后，赋值此模板github作者名称及项目地址，然后命令行输入

npx degit 作者名/项目地址

❗️注意事项

! destination directory is not empty, aborting. Use --force to override

如果克隆项目的目录非空就会报错，解决方法是创建一个空文件夹或加上–force

我的收藏

1. AntdvPro https://gitee.com/antdv-pro/antdv-pro?_from=gitee_search

   AntdvPro是一个基于Vue3、Vite4、ant-design-vue4、Pinia、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方案，它参考了阿里react版本antd-pro的设计模式，使用了最新最流行的前端技术栈，内置了动态路由、多主题、多布局等功能，可以帮助你快速搭建企业级中后台产品原型。

   git clone https://gitee.com/antdv-pro/antdv-pro.git
   

2. GeekerAdmin https://gitee.com/HalseySpicy/Geeker-Admin

   Geeker-Admin 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架，使用目前最新技术栈开发。项目提供强大的 ProTable 组件，在一定程度上提高您的开发效率。另外本项目还封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。

   git clone https://gitee.com/HalseySpicy/Geeker-Admin.git