《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的GoView 是一个Vue3搭建的低代码数据可视化开发平台。
特性
- 最新技术
- 基于 Vue3 & TypeScript框架编写，使用 hooks 写法抽离部分逻辑，代码结构更加清晰。
- 优异性能
- 多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度。
- 高效代码封装
- 详细的工具类封装如：路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等。
- 完备的功能
- 提供项目控制、全局控制、组件基础配置、动画配置、请求配置、事件配置等。
- 丰富的组件
- 拥有丰富的内容组件，内置 50+ 个组件内容，并且在不断更新升级中。
- 优雅交互
- 精美的页面设计，支持明/暗切换，主题色变更。人性化的交互方式，内置丰富快捷方案。
整体介绍
- 框架：基于 Vue3 框架编写，使用 hooks 写法抽离部分逻辑，使代码结构更加清晰；
- 类型：使用 TypeScript 进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；
- 性能：多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度；
- 存储：拥有本地记忆，部分配置项采用 storage 存储本地，提升使用体验；
- 封装：项目进行了详细的工具类封装如：路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等
安装
推荐使用 pnpm 管理项目，并使用 nrm 切换到阿里镜像，整体安装步骤如下：
# 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 配置界面
工作台
请求配置
数据过滤
高级事件编辑
快捷主页
主题色
亮白主题
主要技术栈为：
| 名称 | 版本 | 名称 | 版本 |
| Vue | 3.2.x | TypeScript4 | 4.6.x |
| Vite | 2.9.x | NaiveUI | 2.27.x |
| ECharts | 5.3.x | Pinia | 2.0.x |
开发环境:
| 名称 | 版本 | 名称 | 版本 |
| node | 16.14.x | npm | 8.5.x |
| pnpm | 7.1.x | windows | 11 |
-END-
开源协议：MIT
开源地址：https://gitee.com/dromara/go-view