《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的GoView 是一个Vue3搭建的低代码数据可视化开发平台。

特性

• 最新技术
• 基于 Vue3 & TypeScript框架编写，使用 hooks 写法抽离部分逻辑，代码结构更加清晰。
• 优异性能
• 多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度。
• 高效代码封装
• 详细的工具类封装如：路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等。
• 完备的功能
• 提供项目控制、全局控制、组件基础配置、动画配置、请求配置、事件配置等。
• 丰富的组件
• 拥有丰富的内容组件，内置 50 个组件内容，并且在不断更新升级中。
• 优雅交互
• 精美的页面设计，支持明/暗切换，主题色变更。人性化的交互方式，内置丰富快捷方案。

整体介绍

• 框架：基于 Vue3 框架编写，使用 hooks 写法抽离部分逻辑，使代码结构更加清晰；
• 类型：使用 TypeScript 进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；
• 性能：多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度；
• 存储：拥有本地记忆，部分配置项采用 storage 存储本地，提升使用体验；
• 封装：项目进行了详细的工具类封装如：路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等

安装

推荐使用 pnpm 管理项目，并使用 nrm 切换到阿里镜像，整体安装步骤如下：

# 1. 安装 pnpmnpm install -g pnpm# 2. 安装 nrmnpm install -g nrm# 3. 使用 nrm 添加阿里镜像nrm add taobao https://registry.npmmirror.com/# 4. nrm 查看镜像列表nrm ls# 5. nrm 应用对应镜像nrm use taobao

安装项目依赖

# 推荐使用 pnpmpnpm install# 或 yarnyarn install

启动

# 推荐使用 pnpmpnpm dev# 或 yarnyarn dev# 或 Makefile（需要自行配置系统环境，谷歌 make 命令环境搭建）make dev

编译

# 推荐使用 pnpmpnpm run build# 或 yarnyarn run build# 或 Makefilemake dist

配置界面

工作台

请求配置

数据过滤

高级事件编辑

快捷主页

主题色

亮白主题

主要技术栈为：

开发环境:

-END-

开源协议：MIT

开源地址：https://gitee.com/dromara/go-view