《開源精選》是我們分享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