中文 | English
基于Vue3,Vite3,Element-Plus等主流技术开发的开箱即用后台模板，内置 I18n 翻译、路由权限控制等方案能够满足多数企业管理系统需求！
账号：admin
密码：admin123
- 最新技术栈：使用 Vue3/Vite3 等前端前沿技术开发
- 主题：可配置的主题
- 国际化：内置完善的国际化方案
- 常用组件：内置完善的常用组件封装
- PWA：内置 PWA
- Node 和 Git -项目开发环境
- Vite - 熟悉 Vite 特性
- Vue3 - 熟悉 Vue 基础语法
- Es6+ - 熟悉 Es6 基本语法
- Vue-Router-Next - 熟悉 Vue-Router 基本使用
- Element-Plus - Ui 基本使用
git clone https://github.com/jsxiaosi/vue-xs-admin.git
git clone [email protected]:jsxiaosi/vue-xs-admin.git或者通过xs-cli快速创建
npx @jsxiaosi/xs-cli create [project-name]cd vue-xs-admin推荐使用pnpm
pnpm inpm安装
npm install
# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
# 如果下载依赖慢可以使用淘宝镜像源安装依赖
npm install --registry=https://registry.npm.taobao.org
npm run devnpm run buildPull Request:
- Fork 代码!
- 创建自己的分支:
git checkout -b feature/xxxx - 提交你的修改:
git commit -m 'feature: add xxxxx' - 推送您的分支:
git push origin feature/xxxx - 提交
pull request
-
参考 vue 规范
feat新增功能fix修复缺陷docs文档变更style代码格式refactor代码重构perf性能优化test添加疏漏测试或已有测试改动build构建流程、外部依赖变更 (如升级 npm 包、修改打包配置等)ci修改 CI 配置、脚本revert回滚 commitchore对构建过程或辅助工具和库的更改 (不影响源文件)wip正在开发中types类型定义文件修改
本地开发推荐使用Chrome 80+ 浏览器
支持现代浏览器, 不支持 IE
 IE |
Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
- vite-plugin-compression - 资源压缩支持 Gzip or brotli
- vite-plugin-style-import - 动态引入组件库样式
- vite-plugin-svg-icons - SVG 雪碧图
- vite-plugin-theme-preprocessor - 动态改变主题样式
- vite-plugin-pwa - PWA
- EsLint - js 语法检测
- StyleLint - 样式语法检测
- CommitLint - git commit 提交规范检测
.
├── build #全局公共配置目录
├── public #公共静态文件目录
├── src #项目代码目录
│ ├── App.vue #主vue模块
│ ├── assets #项目静态文件目录
│ ├── components #公共组件
│ ├── config #项目配置
│ ├── enum #枚举
│ ├── layouts #布局目录
│ ├── locales #国际化配置
│ ├── instruct #指令
│ ├── main.js #入口文件
│ ├── router #路由
│ ├── server #请求存放目录
│ ├── store #vuex
│ ├── styles #公共样式
│ ├── utils #公共方法
│ └── views #存放vue页面目录
├── LICENSE
├── README.md
├── .editorconfig #规范编译器编码样式文件
├── .env.development #开发环境变量
├── .env.production #生产环境变量
├── .env.staging #测试环境变量
├── .eslintrc.js #esLint配置文件
├── .eslintrcignore #esLint忽略配置文件
├── stylelint.config.js #styleLint配置文件
├── .stylelintignore #styleLint忽略配置文件
├── commitlint.config.js #commitLint配置文件
├── prettier.config.js #prettier配置文件
├── .prettierignore #prettier忽略配置文件
├── index.html #根模板
├── jsconfig.json
├── package-lock.json
├── package.json
└── vite.config.js #vite配置文件
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent