开发环境:
名称 | 版本 | 名称 | 版本 |
windows | 8.x及其以上 | 操作系统 | 8.1+ |
node | 16.14.x | npm | 8.5.x |
pnpm | 7.1.x | windows | 11 |
纯前端 Demo 地址:https://vue.mtruning.club/
带后端 Demo 地址:https://demo.mtruning.club/
GoView 源码地址:https://gitee.com/MTrun/go-view
文档源码地址:https://gitee.com/MTrun/go-view-doc
后端地址:
JAVA https://gitee.com/MTrun/go-view-serve (当前使用)
技术点:
框架:基于 Vue3 框架编写,使用 hooks 写法抽离部分逻辑,使代码结构更加清晰;
类型:使用 TypeScript 进行类型约束,减少未知错误发生概率,可以大胆修改逻辑内容;
性能:多处性能优化,使用页面懒加载、组件动态注册、数据滚动加载等方式,提升页面渲染速度;
存储:拥有本地记忆,部分配置项采用 storage 存储本地,提升使用体验;
封装:项目进行了详细的工具类封装如:路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等;
注意:GoView 是纯前端项目,没有后台系统,已预装 axios,若需后台请自行二次开发;
安装方法:
# 1. 安装 pnpm
npm install -g pnpm
# 2. 安装 nrm
npm install -g nrm
# 3. 使用 nrm 添加阿里镜像
nrm add taobao https://registry.npmmirror.com/
# 4. nrm 查看镜像列表
nrm ls
# 5. nrm 应用对应镜像
nrm use taobao
安装依赖包:
# 推荐使用 pnpm
pnpm install
# 或 yarn
yarn install
运行项目:
# 推荐使用 pnpm
pnpm dev
# 或 yarn
yarn dev
# 或 Makefile(需要自行配置系统环境,谷歌 make 命令环境搭建)
make dev
编译项目:
# 推荐使用 pnpm
pnpm run build
# 或 yarn
yarn run build
# 或 Makefile
make dist
开发和测试平台均在 Google 和最新版 EDGE 上完成,暂未测试 IE11 等其它浏览器,如有需求请自行测试与兼容。