Ray Template

简体中文 | English

一个基于 vite4.x & ts(x) & pinia & vue3.x 的中后台模板

✨ 特性

• 最新技术栈：使用 vue3.x/vite4.x/pinia 等前端前沿技术开发
• TypeScript：应用程序级 JavaScript 的语言
• 主题：可配置的主题
• 国际化：内置完善的国际化方案
• Mock 数据：内置 Mock 数据方案
• 权限：内置完善的动态路由权限生成方案
• 组件：二次封装了多个常用的组件
• Axios 请求：二次封装 axios 库，支持：取消、防抖、自动重复取消等功能
• 缓存：任意深度页面缓存
• SVG：内置 svg icon 解决方案
• 独立的 Data Methods Views：解耦管理的数据、方法、视图，放心二次开发

🪄 预览地址

• 点击预览
• 点击预览(加速地址)

🦾 文档地址

• 文档
• 文档(加速地址)

🔋 更新日志

• 更新日志

🪴 准备

• Node 和 git - 项目开发环境
• Vite - 熟悉 vite 特性
• Vue3 - 熟悉 Vue 基础语法
• TypeScript - 熟悉 TypeScript 基本语法
• Es6+ - 熟悉 es6 基本语法
• Vue-Router-Next - 熟悉 vue-router4.x 基本使用
• Naive-UI - ui 基本使用
• Mock.js - mockjs 基本语法
• Pinia - 状态管理器 pinia 使用
• TSX - tsx 基本语法

📦 起步

获取项目

# 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

拉取依赖

pnpm i

启动项目

pnpm dev

项目打包

pnpm build

预览项目

pnpm preview

体积分析

pnpm report

开发

简介、易上手是该模板的核心思路。所以你可以放心的直接删除 views/demo router/moduels/demo 下的所有文件，这样就是一个干净的项目了。

🪴 项目活动

贡献者

感谢他们的所做的一切贡献 🐝 ！

浏览器支持

IE	Edge	Firefox	Chrome	Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

📄 证书

MIT License © 2022-PRESENT Ray