Ray Template

English | 简体中文

A free, efficient, complete with features middle and backend template based on the latest technologies such as vite4.x & ts(x) & pinia & vue3.x.

✨ Feature

• Power by love: Contains almost all common template features on the market and all are free to use.
• Latest Technology Stack：Developed using front-end cutting-edge technologies such as vue3.x/vite4.x/pinia.
• TypeScript：The language for application-level JavaScript.
• App Theme：Configurable themes.
• Globalization：Built-in complete internationalization solution.
• Mock Data：Built-in Mock data scheme.
• Permissions：Built-in complete dynamic routing permission generation solution.
• Components：Secondary encapsulation of multiple commonly used components.
• Axios Request：Secondary encapsulation of the axios library, supporting functions such as cancellation, anti-shake, automatic repeat cancellation, etc.
• Page Cache：Arbitrarily deep page cache.
• SVG：Built-in svg icon solution.
• Standalone Data Methods Views：Decoupled management of data, methods, and views allows for secondary development with confidence.
• Template Specific Hooks : Hooks based on the template feature package make it easier to use some of the features of the template.

🪄 Preview

• Click to preview
• Click to preview(Acceleration address)

🦾 Document

• Document
• Document(Acceleration address)

🔋 Change Log

• Change Log

🪴 Prepare

• Node and git - Project development environment
• Vite - Familiar with vite features
• Vue3 - Familiar with Vue3.x basic syntax
• TypeScript - Familiar with TypeScript basic syntax
• Es6+ - Familiar with es6 basic syntax
• Vue-Router-Next - Familiar with the basic use of vue-router4.x
• Naive-UI - UI basic usage
• Mock.js - Mockjs basic syntax
• Pinia - State manager pinia uses
• TSX - TSX basic syntax

📦 Setup

Get Project

# github
git clone https://github.com/XiaoDaiGua-Ray/ray-template.git

# If your download speed is very slow, you can switch to the proxy address below
git clone https://gh.yka.moe/https://github.com/XiaoDaiGua-Ray/ray-template.git

Pull dependencies

pnpm i

Startup project

pnpm dev

Project packaging

pnpm build

Preview project

pnpm preview

Volumetric analysis

pnpm report

Develop

Introduction and ease of use are the core ideas of this template. So you can safely delete all files under views/demo and router/moduels/demo, and you will have a clean project.

🪴 Project Activities

Contributor

Thanks for all their contributions 🐝!

Browser Support

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

📄 License

MIT License © 2022-PRESENT Ray