# 画布

**Repository Path**: ZHOUDAIDAI/canvas

## Basic Information

- **Project Name**: 画布
- **Description**: 字节飞书训练营，六神课题组
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-05-08
- **Last Updated**: 2025-05-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 画布

#### 介绍

字节飞书训练营，六神课题组，项目使用vue3+javascript+vite搭建，其中css样式使用scss.

### 项目结构

```
canvas-vue/
├── public/
│ └── index.html
├── src/
│ ├── assets/ # 静态资源 (图片, 字体等)
│ ├── components/ # 可复用 UI 组件
│ │ ├── canvas/ # 画布相关组件
│ │ ├── toolbar/ # 工具栏组件
│ ├── custom-component/ # 通用 UI 组件 (按钮, 输入框等)
│ │ ├── state/ # 状态管理 (例如 Pinia stores)
│ │ │ ├── canvasStore.js # (待创建)
│ │ │ └── uiStore.js # (待创建)
│ │ └── utils/ # 通用工具函数
│ ├── styles/ # 全局样式
│ │ └── main.css
│ ├── App.vue # 根组件
│ └── main.js # 应用入口
├── .gitignore
├── package.json
├── README.md
```

# 合作开发

## 环境搭建

安装好node环境，clone 项目到本地，并执行 pnpm install 安装依赖
运行pnpm dev后打开http://localhost:5173/即可看到项目

- prettier安装及配置，可参考[vscode Prettier安装及配置](https://blog.csdn.net/weixin_62992614/article/details/131991716)
- 建议安装VSCode eslint扩展

## 后续开发

master分支为开发分支，开发完成后，请提交pull request到master分支，由项目组长进行合并
个人分支命名建议使用姓名首字母，各自在个人分支上进行开发，完成后再合并到master分支

## commit 规范

commit时信息尽量按照如下格式说明所做工作，例：feat(scpoe)：输入框组件实现

- 『feat』: 新增功能
- 『fix』: 修复 bug
- 『docs』: 仅仅修改了文档，比如 README, CHANGELOG等等
- 『test』: 增加/修改测试用例，包括单元测试、集成测试等
- 『style』: 修改了空行、缩进格式、引用包排序等等（不改变代码逻辑）
- 『perf』: 优化相关内容，比如提升性能、体验、算法等
- 『refactor』: 代码重构，「没有新功能或者bug修复」
- 『chore』: 改变构建流程、或者增加依赖库、工具等
- 『revert』: 回滚到上一个版本
- 『merge』: 代码合并

#### 特技

1.  使用 Readme_XXX.md 来支持不同的语言，例如 Readme_en.md, Readme_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)