# VFUI **Repository Path**: fanyeyong/vfui ## Basic Information - **Project Name**: VFUI - **Description**: 一款基于VUE3 CLI的后台管理web UI框架。 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: main - **Homepage**: https://fyybuilder.com - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-01-12 - **Last Updated**: 2026-02-03 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 项目简介 VFUI是一款基于VUE3 CLI的后台管理web UI框架。 开发工具为VsCode。使用CLI需先安装node.js。 ![输入图片说明](vfui.png) [入门教程](https://fyybuilder.com/ecology/vfui.html) ## 项目结构 #### VFUI #### node_modules #### public #### src #### assets #### components-------------------自定义组件目录 #### BreadNavComponent.vue-----面包屑组件 #### HeaderComponent.vue-------顶部导航组件 #### LeftNavComponent.vue------左侧导航组件 #### ComfirmDialog.vue---------确认对话框 #### ListComponent.vue---------列表组件 #### LoadingComponent.vue------加载中组件 #### MenuComponent.vue---------按钮菜单组件 #### PagerComponent.vue--------分页导航组件 #### SelectComponent.vue-------下拉列表组件 #### SwitchComponent.vue-------开关按钮组件 #### TabsComponent.vue---------表单标签页组件 #### ToastComponent.vue--------消息提示组件 #### css #### fui.css-------------------样式表 #### js #### request.js----------------http请求类 #### webapi.js-----------------接口类 #### router #### index.js------------------路由配置类 #### store #### index.js------------------vuex参数存取类 #### views-------------------------页面目录 #### AddView.vue---------------新建页面 #### FrameView.vue-------------主框架页面 #### ListView.vue--------------列表页面 #### LoginView.vue-------------登录页面 #### App.vue #### main.js-----------------------入口文件 #### babel.config.js #### jsconfig.json #### package.json #### vue.config.js-----------------全局配置文件 ### 运行 #### 进入目录vfui,在地址栏输入cmd,打开命令提示符: #### npm run serve [入门教程](https://fyybuilder.com/ecology/vfui.html)