Giter Club home page Giter Club logo

zzssf / vue3-element-admin Goto Github PK

View Code? Open in Web Editor NEW

This project forked from midfar/vue3-element-admin

0.0 0.0 0.0 648 KB

这个模板使用了最新的 vue3 和 element-plus UI 框架,vite 构建工具、pinia 状态管理、vue-router 路由管理、mockjs 数据模拟,并集成了 typescript,功能由 Vue Element Admin 移植而来。

Home Page: https://vue3-element-admin.midfar.com/

License: MIT License

JavaScript 17.05% TypeScript 7.95% CSS 0.16% HTML 0.06% Vue 71.25% SCSS 3.52%

vue3-element-admin's Introduction

简介

这个模板使用了最新的 vue3 和 element-plus UI 框架,vite 构建工具、pinia 状态管理、vue-router 路由管理、mockjs 数据模拟,并集成了 typescript。功能从 Vue Element Admin 移植而来,详细使用可以参考该文档

特性

  • 最新技术栈:使用 Vue3/vite3 等前端前沿技术开发
  • TypeScript: 应用程序级 JavaScript 的语言
  • Mock 数据 内置 Mock 数据方案
  • 权限 内置完善的动态路由权限生成方案
  • 组件 二次封装了多个常用的组件

在线示例

vue3 element admin

element plus

准备

开发前请确保熟悉并掌握以下技术栈:

注:开发前请务必阅读上述所有文档。应用至实际项目开发请修改 readme 内容。

推荐的 IDE 工具和插件

VSCode + Volar (禁用 Vetur) + TypeScript Vue Plugin (Volar).

Vite 构建工具配置

参考 Vite 配置.

主要结构

- mock // 模拟数据
- public
- src
  - components // 组件
  - views // 页面
    - tableTemplates // 示例模块
	  - index.ts
   - login // 登录模块
	  - index.vue
 - settings.ts // 全局配置
 - main.ts // 入口文件
-  types // TypeScript类型
- package.json
- CODE_OF_CONDUCT.md // 框架开发要求
- README.md //框架使用手册

使用

安装依赖

npm install

开发模式连接测试服

npm run dev:test

打包到测试服

npm run build:test

代码检查 ESLint

npm run lint

支持环境

现代浏览器。

IE/Edge Firefox Chrome Safari
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

TODO

当前问题

  • 暂未配置git提交规范。

参与贡献

我们非常欢迎你的贡献,你可以通过以下方式和我们一起共建基线框架:

vue3-element-admin's People

Contributors

midfar avatar cherry0205 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.