Skip to content

2022字节青训营项目,一个在线的数据可视化平台,轻松实现数据可视化,挖掘数据背后的价值。

Notifications You must be signed in to change notification settings

Merlin218/Youth-Training-Project

Repository files navigation

青训营项目

线上地址:测试账号:admin 123456

项目后端:👉zhonghangAlex/Data2Chart: Data2Chart Project (github.com)👈

技术栈

开发指南

// 安装pnpm
npm install -g pnpm

// 安装全部依赖
pnpm install

// 安装某个依赖
pnpm install xxx  -D/-S

// 运行
pnpm dev

// 打包
pnpm build
  • 基于unplugin-vue-components实现组件自动导入,同时 vite 提供了原生的按需加载

    <template>
    	// 组件无需导入直接使用
    	<HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
    	<a-button type="primary"> Primary </a-button>
    </template>
  • 大家开发时,每人新建自己的分支进行开发,后续合并

  • commit 提交规范:type(scope): desc,注意:后有一个空格

    type 列表:

    • feat:新功能
    • update:更新某功能
    • fix:修补某功能的 bug
    • refactor:重构某个功能
    • optimize: 优化构建工具或运行时性能
    • style:仅样式改动
    • docs:仅文档新增/改动
    • chore:构建过程或辅助工具的变动

结构树

├── src
│   ├── App.vue  // 根组件
│   ├── api  // 请求api
│   │   ├── axios  // axios配置
│   │   │   ├── cancel.ts  // 取消请求配置
│   │   │   └── index.ts  // 实例配置
│   │   ├── index.ts  // 统一导出api模块
│   │   └── modules  // api模块
│   │       └── common.ts
│   ├── assets  // 静态资源
│   │   ├── logo.png
│   │   └── styles  // 样式资源
│   │       └── main.scss
│   ├── components  // 子组件
│   │   └── HelloWorld.vue
│   ├── configs  // 项目配置
│   │   └── index.ts
│   ├── env.d.ts
│   ├── main.ts // 入口文件
│   ├── pages  // 页面组件
│   ├── router  // 路由
│   │   └── index.ts
│   ├── store  // 状态管理
│   │   └── user.ts
│   ├── types  // 类型文件
│   │   └── common.d.ts
│   └── utils  // 工具类
└── vite.config.ts  // vite配置

About

2022字节青训营项目,一个在线的数据可视化平台,轻松实现数据可视化,挖掘数据背后的价值。

Topics

Resources

Stars

Watchers

Forks