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 018f4a9aca mock

2023-08-11 21:50:58 +08:00

8.0 KiB

Raw Blame History

Ray Template

前言

该项目模板采用 vue3.x vite4.x pinia tsx 进行开发。使用 naive ui 作为组件库。预设了最佳构建体验的配置与常用搬砖工具。意在提供一个简洁、快速上手的模板。该模板不支持移动端设备。

感谢

感谢 yun 对于本人的支持。

预览地址

文档地址

更新日志

日志

常见问题

常见问题

特性

最新技术栈：使用 Vue3.x/vite4.x 等前端前沿技术开发
TypeScript：应用程序级 JavaScript 的语言
主题：可配置的主题
国际化：内置完善的国际化方案
Mock 数据：内置 Mock 数据方案
权限：内置完善的动态路由权限生成方案
组件：二次封装了多个常用的组件
Axios 请求：二次封装 axios 库

准备

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 基本语法

未来

根据个人时间空余情况，会不定时对该模板进行更新和迭代。希望将该工具的功能不断补全（虽然现在已经是足够日常开发和使用），将该模板打造为一个更加健全的中后台模板。如果你有好的想法和建议，可以直接联系我或者直接提 issues 即可。

提示

项目默认启用严格模式 eslint，但是由于 vite-plugin-eslint 插件优先级最高，所以如果出现自动导入类型错误提示，请优先解决其他问题。建议开启 vscode 保存自动修复功能。

项目安装

# 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

拉取依赖

# yarn

yarn

# npm

npm install

启动项目

# yarn

yarn dev

# npm

npm run dev

项目打包

# yarn

yarn build

# npm

npm run build

预览项目

# yarn

yarn preview

# npm

npm run preview

体积分析

# yarn

yarn report

# npm

npm run report

浏览器支持

仅支持现代浏览器，不支持 IE

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

最后，希望大家搬砖愉快

贡献者

_Cloud
🔧

Contributors ✨

Thanks goes to these wonderful people (emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!

8.0 KiB Raw Blame History