# Ray Template 简体中文 | [English](https://github.com/XiaoDaiGua-Ray/ray-template/blob/main/README.md) 一个 `免费`、`高效`、`特性完整` 并且基于 vite4.x & ts(x) & pinia & vue3.x 等最新技术的中后台模板。

## ✨ 特性 - **靠爱发电**：几乎包含市面常见的模板特性并且全部免费使用 - **最新技术栈**：使用 vue3.x/vite4.x/pinia 等前端前沿技术开发 - **TypeScript**：应用程序级 JavaScript 的语言 - **主题**：可配置的主题 - **国际化**：内置完善的国际化方案 - **Mock 数据**：内置 Mock 数据方案 - **权限**：内置完善的动态路由权限生成方案 - **组件**：二次封装了多个常用的组件 - **Axios 请求**：二次封装 axios 库，支持：取消、防抖、自动重复取消等功能 - **缓存**：任意深度页面缓存 - **SVG**：内置 svg icon 解决方案 - **独立的 Data Methods Views**：解耦管理的数据、方法、视图，放心二次开发 - **模板专属 hooks**：基于模板特性封装的 hooks 让你更加方便的使用模板一些功能 ## 🪄 预览地址 - [点击预览](https://xiaodaigua-ray.github.io/ray-template/#/) - [点击预览(加速地址)](https://ray-template.yunkuangao.com/#/) ## 🦾 文档地址 - [文档](https://xiaodaigua-ray.github.io/ray-template-doc/) - [文档(加速地址)](https://ray-template.yunkuangao.com/ray-template-doc/) ## 🔋 更新日志 - [更新日志](https://github.com/XiaoDaiGua-Ray/xiaodaigua-ray.github.io/blob/main/CHANGELOG.md) ## 🪴 准备 - [Node](http://nodejs.org/) 和 [git](https://git-scm.com/) - 项目开发环境 - [Vite](https://vitejs.dev/) - 熟悉 vite 特性 - [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法 - [TypeScript](https://www.typescriptlang.org/) - 熟悉 TypeScript 基本语法 - [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法 - [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router4.x 基本使用 - [Naive-UI](https://www.naiveui.com) - ui 基本使用 - [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法 - [Pinia](https://pinia.vuejs.org/zh/introduction.html) - 状态管理器 pinia 使用 - [TSX](https://github.com/vuejs/babel-plugin-jsx/blob/main/packages/babel-plugin-jsx/README-zh_CN.md) - tsx 基本语法 ## 📦 起步 ### 获取项目 ```sh # github git clone https://github.com/XiaoDaiGua-Ray/ray-template.git # 如果你的下载速度很慢，可以切换到下面的代理地址 git clone https://gh.yka.moe/https://github.com/XiaoDaiGua-Ray/ray-template.git ``` ### 拉取依赖 ```sh pnpm i ``` ### 启动项目 ```sh pnpm dev ``` ### 项目打包 ```sh pnpm build ``` ### 预览项目 ```sh pnpm preview ``` ### 体积分析 ```sh pnpm report ``` ### 开发简介、易上手是该模板的核心思路。所以你可以放心的直接删除 `views/demo` `router/moduels/demo` 下的所有文件，这样就是一个干净的项目了。 ## 🪴 项目活动 ![Alt](https://repobeats.axiom.co/api/embed/fab6071297ab281913a42f07a2779b488cfd62b8.svg 'Repobeats analytics image') ### 贡献者感谢他们的所做的一切贡献 🐝 ！

## 浏览器支持 | [

](http://godban.github.io/browsers-support-badges/)
IE | [

](http://godban.github.io/browsers-support-badges/)
Edge | [

](http://godban.github.io/browsers-support-badges/)
Firefox | [

](http://godban.github.io/browsers-support-badges/)
Chrome | [

](http://godban.github.io/browsers-support-badges/)
Safari | | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions | ## 📄 证书 [MIT License](https://github.com/XiaoDaiGua-Ray/ray-template/blob/main/LICENSE) © 2022-PRESENT [Ray](https://github.com/XiaoDaiGua-Ray)