Skip to content

Latest commit

 

History

History
110 lines (73 loc) · 3.38 KB

README.zh-CN.md

File metadata and controls

110 lines (73 loc) · 3.38 KB
Raw

中文 | English

Vue TSX Admin

logo-8b7cc132.svg

简介

Vue TSX Admin 是一个免费开源的中后台管理系统模块，UI 参考 acro design pro + ant design pro，它使用了最新的前端技术栈，完全采用 Vue3 + TSX 的模式进行开发，提供了开箱即用的中后台前端解决方案，内置了 i18n 国际化解决方案，可配置化布局，主题色修改，权限验证，提炼了典型的业务模型，可以帮助你快速搭建起一个中后台前端项目。

主要的开发方案为：

  • CSS 方案 modules css + tailwind
  • 网络请求 axios
  • 鉴权方案 token + jwt
  • 模拟数据方案 mockjs
  • 全局数据状态管理 pinia
  • ui 组件库 arco desigin vue
  • 工具库 lodash vue-use
  • 国际化切换方案 vue-i18n
  • 打包方案+静态服务器 vite

预览地址

访问地址

登录用户名： admin

密码：admin

登录用户名：user

密码： user

代码地址

安装使用

  • 项目条件
    • Node.js 18+
    • pnpm 8.5.0
  • 使用
# 克隆项目
git clone https://github.com/manyuemeiquqi/vue-tsx-admin.git

# 进入项目目录
cd vue-tsx-admin

# 安装依赖
pnpm install

# 启动服务
pnpm run dev

浏览器访问： http://localhost:5173/vue-tsx-admin/ 即可

  • 发布
pnpm run build
  • 其他
# husky 安装
pnpm run husky

# 格式化
pnpm run format

# 代码 lint + fix
pnpm run lint
pnpm run lint-style

浏览器支持

  • Chrome >=87
  • Firefox >=78
  • Safari >=14
  • Edge >=88
  • Vue3 不支持 IE

关于 Vue JSX 的性能问题

可参考 krausest/js-framework-benchmark#1546 (comment)

如果你对为什么使用 Vue + TSX 进行中后台开发感兴趣，可参考 🎉Vue TSX Admin, 中后台管理系统开发的新方向

演示

动画.gif

作者

manyuemeiquqi

License

MIT License

最后，如果本项目帮助到你，希望你可以帮作者点个 star ⭐ 表示鼓励 如果你发现项目 bug ，欢迎提 PR , 感谢 🤞