# datav-vue **Repository Path**: yuanmx/datav-vue ## Basic Information - **Project Name**: datav-vue - **Description**: 一个基于 Vue3.x 的数据可视化(DataV)项目 - **Primary Language**: TypeScript - **License**: MIT - **Default Branch**: main - **Homepage**: http://datav.pengxiaotian.com/ - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 730 - **Created**: 2021-05-19 - **Last Updated**: 2021-05-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README
一个基于 Vue3.x 的数据可视化项目
* 💪 Vue 3.0+ * 🔥 TypeScript 4.2+ * 🔥 ECharts 5.0+ ### 简介 - [国外 GitHub](https://github.com/pengxiaotian/datav-vue) - [国内 Gitee](https://gitee.com/pengxiaotian/datav-vue) #### 预览 - [DataV 在线预览](http://datav.pengxiaotian.com) > 因为项目中的 Mock 服务来自于 `http://rap2api.taobao.org`, 而该服务不支持 `HTTPS`, 还有的浏览器会强制使用 `HTTPS`, 所以如果出现了无法登录的情况, 请检查当前访问的URL是什么协议! #### 登录页  #### 可视化列表  #### 编辑器  ### 安装与使用 ```bash # 初始化项目 yarn bootstrap # 跑起来! yarn serve # 构建发布 yarn build ``` #### 创建组件 ```bash yarn gc [component name] ``` #### 创建组件 or Store ```bash yarn new ``` #### Git提交模板 ```bash yarn cz ``` 例子: ``` [TYPE](SCOPE):DESCRIPTION#[ISSUE] # example feat(button):add type 'button' for form usage #1234 ``` Git提交模板配置:`./commitlint.config.js` ### 国际化 目前只有 `登录页` 进行了国际化设置,有需要可自行添加。 #### 添加多语言 多语言文件位置:`@/locales/lang/*.js` #### 使用 - 在模板中使用: ```html ... {{ $t('xxx') }} ... ``` - Componsition: ```js import { useI18n } from 'vue-i18n' ... setup() { const { t } = useI18n({ useScope: 'global' }) t('xxx') return { t } } ... ``` ### 注意 本项目主要用来研究与学习,如果商用请注意:项目里含有一些第三方付费素材,如:`orbitron-bold` 字体。