# G6-skills-tree

**Repository Path**: chen_qiaoge/G6-skill-tree

## Basic Information

- **Project Name**: G6-skills-tree
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 26
- **Created**: 2021-09-24
- **Last Updated**: 2021-09-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Typescript + Vite

This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)

## Type Support For `.vue` Imports in TS

Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.

# 学习目标

- 掌握 antv/G6 插件运用
- 完成中级难度的技能树图功能
- 掌握自定义布局, 节点, 行为等

## 学习要求

- 面向人群 可视化零基础学员
- 每天有至少2个小时的独立学习时间
- 保证学习期间积极参与讨论和整理学习成果或是想法

## 参加须知

- 本期学习计划共计5次，从9月20日晚8点开始, 看学员完成速度每三天更新下次的任务
- 参加本计划需要支付7学分，在此可以查询学分 `http://query.zhufengpeixun.cn/login`
- 本学习计划采用的是`主动学习`的模式，以文档敲写、小组讨论和实践编码为主
- **每次任务参考答案将在第 2 天公布** , 答案公布前请自觉完成, 实在不会请先在群里讨论
- **每次任务不超过 3 天**, 截止第 3 天晚上8点完成，完成任务每次可依次获得 1、2、3、4、5个学分
- 如果当次任务无法完成，则中止参加资格，请出群，无法参与后续的学习，已经扣除的学分不退

## 学习流程

- 1. 先将作业代码仓库(`https://gitee.com/keman5/G6-skill-tree`) `Fork` 到自己的码云账号下
- 2. 将 Fork 后的仓库 克隆(Clone) 到本地
- 3. 在当天的作业代码写在当天的文件夹下面
- 4. 在本地仓库完成作业后, `push` 到自己的码云远程仓库中
- 5. 最后将自已当天的链接地址添加到作业仓库的当天issue中
- 6. 完成后在正式微信群中打卡表示已完成，打卡里说明学号，格式为 #学号#
- 7.如果不会操作的可以看操作视频 http://img.zhufengpeixun.cn/submitwork.mp4

## 参考图片

[参考案例] http://query.zhufengpeixun.com/tree

## 如何报名

- [《可视化训练营名单》](https://docs.qq.com/sheet/DSkVXT2NqSll6S3Zw)

!!![参考答案将发布到 develop 分支]