blackteay/ray-template

Fork 0

mirror of https://github.com/XiaoDaiGua-Ray/ray-template.git synced 2025-04-05 07:03:00 +08:00

XiaoDaiGua-Ray 6c389eb496 version: v4.3.4

2023-11-19 14:37:04 +08:00

6.9 KiB

Raw Blame History

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：解耦管理的数据、方法、视图，放心二次开发
模板专属 hooks：基于模板特性封装的 hooks 让你更加方便的使用模板一些功能

🪄 预览地址

🦾 文档地址

🔋 更新日志

更新日志

🪴 准备

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

6.9 KiB Raw Blame History Unescape Escape