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!

License

MIT © Ray-2020