fe-ent-core前端后台管理框架
Frontend Enterprise Core (fe-ent-core)是一个免费开源的中后台模版。使用了最新的vue3
,vite4
,TypeScript
等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。
fe-ent-core是基于Vue Vben Admin
为基础封装套的一套组件库。
保留了vben的核心功能,同时将非必要的功能作为扩展
特性
- 最新技术栈:使用 Vue3/vite4 等前端前沿技术开发
- TypeScript: 应用程序级 JavaScript 的语言
- 主题:可配置的主题
- 国际化:内置完善的国际化方案
- Mock 数据 内置 Mock 数据方案
- 权限 内置完善的动态路由权限生成方案
- 组件 二次封装了多个常用的组件,使用rolllup打包成组件
- 工具支持 独立的build工具方便快速构建项目
准备
- node 和 git -项目开发环境
- Vite - 熟悉 vite 特性
- pnpm - 构建工具
- Vue3 - 熟悉 Vue 基础语法
- TypeScript - 熟悉
TypeScript
基本语法 - Es6+ - 熟悉 es6 基本语法
- Vue-Router-Next - 熟悉 vue-router 基本使用
- Ant-Design-Vue - ui 基本使用
- Mock.js - mockjs 基本语法
快速使用
npm install fe-ent-core@2.0.0
import 'fe-ent-core/dist/style.css';
import EntCore from 'fe-ent-core';
const app = createApp(App);
app.use(EntCore);
app.mount('#app');
快速预览
从 https://gitee.com/ent-framework/fe-ent-play.git 克隆项目,
cd fe-ent-play
pnpm install
pnpm dev
fe-ent-core 发布的依赖库
"fe-ent-core": "2.0.0" 核心依赖包
"fe-ent-layout": "2.0.0" 页面布局
"fe-ent-login": "2.0.0" 登录
"fe-ent-code-editor": "2.0.0" 扩展-代码编辑器
"fe-ent-echarts": "2.0.0" 扩展-echarts封装
"fe-ent-flow-chart": "2.0.0" 扩展-流程图编辑器
"fe-ent-markdown": "2.0.0" 扩展-markdown编辑器
"fe-ent-qrcode": "2.0.0" 扩展-二维码
"fe-ent-tinymce": "2.0.0" 扩展-富文本编辑器
评论