Code Monkey home page Code Monkey logo

cloud-app-admin's Introduction

cloud-app-admin☁️

vue vue vue GitHub release

简介

cloud-app-admin 使用了最新的vue3.2+ vite2 Element-Plus TypeScript Tailwind CSS等主流技术开发,希望能和大家一起学习最新前端技术。

已实现功能

  • 路由集成 🧭
  • 状态管理集成(Pinia)🍍
  • Hooks集成(VueUse)🪝
  • ElementPlus集成 🖌️
  • Tailwind CSS集成 🌹
  • Axios二次封装 📦
  • i18n国际化集成 🌍
  • 代码规范集成(EditorConfig、Eslint、Prettier、Husky、Lint-staged)📒
  • Vxe-table多维度图表组件引入 📈
  • 封装常用通知、表格Hooks 🎺
  • Echarts图表组件库引入 🪐
  • 富文本编辑器引入(WangEditor)📝
  • Mock引入 🔍
  • 支持暗黑模式 🎆
  • unplugin-icons引入,配合unplugin-components,无需注册即可按需访问数千个图标作为组件 😊

安装使用

  • 获取项目代码
git clone https://github.com/cloudhao1999/cloud-app-admin.git
  • 安装依赖
cd cloud-app-admin

pnpm install
  • 运行
pnpm dev

Git 贡献提交规范

项目已经内置angular提交规范,通过cz 代替git commit 命令即可

pnpm commit

运行截图

  • 登陆页

login

  • 首页

dashboard-light

  • 暗黑模式

dashboard-dark

  • 富文本编辑器

    editor

  • CRUD列表

    crud

  • 自适应

mobile

浏览器支持

本地开发推荐使用Chrome 90+ 浏览器

支持现代浏览器, 不支持 IE

IEIE  EdgeEdge FirefoxFirefox ChromeChrome SafariSafari
not support last 2 versions last 2 versions last 2 versions last 2 versions

Q&A

  1. 启动项目进入首页出现401报错怎么回事?

    这是由于时间线组件调用了GitHub的API来获取仓库的commit信息,调用API需要申请token,申请token的方法可参考 github的token使用方法,token获取后可以在src/enum/secretEnum.ts中进行修改,在TimeLine.vue组件中,你可以修改 UserEnum.GITHUB_USER,UserEnum.GITHUB_REPO, SecretEnum.GITHUB_ACCESS_TOKEN枚举字段实现监测自己仓库commit信息功能。

  2. 登录界面账号密码是多少?

    随便填,但是账号和密码需要遵循校验规则,账号为手机号或标准邮箱格式,密码不低于三位。

cloud-app-admin's People

Contributors

cloudhao1999 avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.