iBiz前端全代码项目基于iBiz平台产出的模型,采用了模板技术结合Vue全家桶(Vue3、Vite、Element Plus、TSX)来构建。本文档旨在帮助开发人员快速掌握项目的上手流程,并对代码结构进行详细说明,以便提供开发上的指导和支持。随着我们决定将该框架开源,我们热切期望更多有共同理念的伙伴能加入到iBiz前端全代码项目的持续迭代和优化中来。欢迎大家的参与,共同推动iBiz前端全代码项目的发展!
Node.js
pnpm
Vite
掌握Vue
、TypeScript
、less
、html
等技术。
前端MVVM框架:vue.js@3.3.8
路由:vue-router@4.2.5
状态管理:pinia@2.1.7
国际化:vue-i18n@9.5.0
UI框架:element-plus@2.4.1
第三方组件:@wangeditor/editor@5.1.23,@wangeditor/editor-for-vue@5.1.12,vue-grid-layout@3.0.0-beta1,@imengyu/vue3-context-menu@1.3.3,vuedraggable@4.1.0
第三方工具库:qs@6.11.2,ramda@0.29.1,qx-util@0.4.8,lodash-es@4.17.21,async-validator@4.2.5
其他:@ibiz-template/core@^0.6.3,@ibiz-template/model-helper@0.6.4,@ibiz-template/runtime@0.6.4,@ibiz-template/theme@^0.6.0,@ibiz-template/vue3-components@0.6.4,@ibiz-template/vue3-util@0.6.4,@ibiz-template/web-theme@^1.1.11"
在安装使用
pnpm
前,务必确认 Node.js 已经升级到版本16+,强烈建议升级至最新版本。 如果你想了解更多pnpm
工具链的功能和命令,建议访问 pnpm 了解更多。
以下为 Windows 环境开发正常配置
打开前端项目,进入工作空间下,执行安装依赖命令。
$ pnpm install
在工作空间下,执行启动命令。
$ pnpm run dev
启动后,访问开发项目。
在工作空间下,执行预览命令。
$ pnpm run preview
启动后,预览开发项目。
在工作空间下,执行打包命令。
$ pnpm run build
打包完成,生成最终交付产物。
|─ ─ app
|─ ─ public public文件夹
|─ ─ assets 静态文件夹
|─ ─ environments 环境文件
|─ ─ extras 依赖包文件
|─ ─ model 图标文件
|─ ─ cas-login.html 单点登录
|─ ─ favicon.ico 图标
|─ ─ src 工程文件夹
|─ ─ components 基础组件,主要包含编辑器组件和其他全局使用的组件
|─ ─ guard 身份验证
|─ ─ model 模型加载适配
|─ ─ publish 模块名称
|─ ─ model 模块名称
|─ ─ app 项目模型
|─ ─ code-list 代码表
|─ ─ entities 实体模型
|─ ─ view-config 视图模型
|─ ─ view 视图模型
|─ ─ pages 页面组件
|─ ─ main.ts 入口文件
|─ ─ user-register.ts 自定义组件全局注册
|─ ─ vite-plugins 插件模型
|─ ─ package.json 依赖管理文件
|─ ─ tsconfig.json TypeScript 项目的主要配置文件
|─ ─ tsconfig.node.json Node.js 环境的 TypeScript 配置文件
|─ ─ vite.config.ts vite 配置文件
每个版本的详细更改都记录在发行说明中。
如果你希望参与贡献,欢迎 Pull Request,或通过自助服务群给我们报告 Bug。
强烈推荐阅读 《提问的智慧》(本指南不提供此项目的实际支持服务!)、《如何向开源社区提问题》 和 《如何有效地报告 Bug》、《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。
解决方法: 将vite.config.ts部分代码注释,详见下图。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。