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

7.3 KiB

Raw Blame History

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

🦾 Document

🔋 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

7.3 KiB Raw Blame History Unescape Escape