English | 简体中文
A completely free
, efficient
, feature complete
and based on vite5. x & ts(x) & pinia & vue3. x and other latest technology in the background template.
Ray Template
uses cutting-edge front-end technology, abandoning complexity and bloat, using modular design, decoupling data, methods and views, focusing on business development. Provide rich configuration and rich template Hooks
, support personalized customization, to meet your project needs.
New technology stack:
using ts(x), vite5. x, vue3. x, pinia and other front-end cutting-edge technology developmentTheme:
configurable themeInternationalization:
built-in perfect internationalization solutionPermissions:
built-in perfect dynamic routing permission generation solutionComponents:
secondary encapsulation of multiple common componentsToolkit:
common tool function packagingCache:
arbitrary depth page cachingModular design:
decoupling management data, methods, views, rest assured secondary developmentConfigurable:
support rich configuration itemsCode style:
built-in prettier, eslint and other code style toolsMulti-terminal adaptation:
support pc, phone, padDocumentation:
complete documentationMock data:
built-in Mock data solutionAxios request:
the plug-in design is used to encapsulate the axios library interceptor twice, which makes the interceptor more flexibleSVG:
built-in svg icon solutionHooks:
based on the template characteristics of the encapsulated hooks to make it easier to use some functions of the templateTypeScript:
provide a complete typeVitest:
built-in vitest test solution
- Node and git - project development environment
- Vite - familiar with vite features
- Vue3 - familiar with Vue basic syntax
- TypeScript - familiar with TypeScript basic syntax
- ES6+ - familiar with es6 basic syntax
- Vue-Hooks-Plus - familiar with vue-hooks-plus useRequest method basic use
- Vue-Router-Next - familiar with vue-router4.x basic use
- Naive-UI - naive ui basic use
- Mock.js - mockjs basic syntax
- Pinia - state manager pinia usage
- TSX - tsx basic syntax
- Vitest - vitest basic use
# github
git clone https://github.com/XiaoDaiGua-Ray/ray-template.git
pnpm i
pnpm test
pnpm dev
pnpm build
pnpm preview
pnpm report
Just delete the files under views/demo
, router/modules/demo
to get a clean project template.
Thanks for all their contributions 🐝 !
IE |
Edge |
Firefox |
Chrome |
Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
MIT License © 2022-PRESENT Ray