开发环境:
名称 |
版本 |
名称 |
版本 |
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 (当前使用)
- .NET https://gitee.com/sun_xiang_yu/go-view-dotnet
技术点:
- 框架:基于 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 等其它浏览器,如有需求请自行测试与兼容。