# CloudCutting

**Repository Path**: linweile/cloud-cutting

## Basic Information

- **Project Name**: CloudCutting
- **Description**: 云裁中台
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-06
- **Last Updated**: 2023-04-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

 **Vue 3 + TypeScript + Vite** 

node 16.15.0 (其他版本可能会安装失败)

npm install     安装依赖
npm run serve   项目启动
npm run build   项目打包


nginx 部署
root client 前一个目录
location  /client {
index index.php index.html;
try_files $uri $uri /client/index.html;
}


```text
文件资源目录
├─ .vscode                # VSCode 推荐配置
├─ public                 # 静态资源文件(放置图片)
├─ src
│  ├─ api                 # API 接口管理
│  ├─ assets              # 静态资源文件
│  ├─  ├─ font            # 字体文件(需提取常用字体)
│  ├─ components          # 全局组件
│  ├─ config              # 全局配置项
│  ├─ directives          # 全局指令文件
│  ├─ enums               # 项目常用枚举
│  ├─ json                # json数据文件
│  ├─ interface           # 公共接口文件
│  ├─ layout              # 框架布局模块
│  ├─ routers             # 路由管理
│  ├─ stores              # pinia store
│  ├─ styles              # 全局样式文件
│  ├─ typings             # 全局 ts 声明
│  ├─ utils               # 常用工具库
│  ├─ views               # 项目所有页面
│  ├─ App.vue             # 项目主组件
│  ├─ env.d.ts            # 指定 ts 识别 vue
│  └─ main.ts             # 项目入口文件
├─ .env                   # vite 常用配置
├─ .env.development       # 开发环境配置
├─ .env.production        # 生产环境配置
├─ .gitignore             # 忽略 git 提交
├─ index.html             # 入口 html
├─ package-lock.json      # 依赖包包版本锁
├─ package.json           # 依赖包管理
├─ README.md              # README 介绍
├─ tsconfig.json          # typescript 全局配置
└─ vite.config.ts         # vite 全局配置文件
```

第三方依赖
|依赖名称|描述|
|:-|-:|
|[@vueuse/core](https://vueuse.org)|vue常用工具集|
|[fabric](http://fabricjs.com)|画布函数二次封装|
|[mitt](https://www.npmjs.com/package/mitt)|组件间通讯|
|[nprogress](https://www.npmjs.com/package/nprogress)|页面加载滚动条|
|[plyr](https://www.npmjs.com/package/plyr)|页面播放器|
|[swiper](https://www.npmjs.com/package/swiper)|轮播图|
|[v-distpicker](https://www.npmjs.com/package/v-distpicker)|省市区组件|
|[vee-validate](https://www.npmjs.com/package/vee-validate)|form表单|
|[swiper](https://www.npmjs.com/package/swiper)|轮播图|
|[vue-accessible-color-picker](https://www.npmjs.com/package/vue-accessible-color-picker)|页面调色板|
|[vue-datepicker-next](https://www.npmjs.com/package/vue-datepicker-next)|页面日期选择器|
|[vue3-lazy](https://github.com/hilongjw/vue-lazyload)|图片懒加载|
|[vue3-popper](https://www.npmjs.com/package/vue3-popper)|气泡确认框|
|[vue3-toastify](https://www.npmjs.com/package/vue3-toastify)|信息框|
|[yup](https://www.npmjs.com/package/yup)|表单验证规则|
|[font-spider](https://www.npmjs.com/package/font-spider)|(全局)提取常用字体|
|[ttf2woff2](https://www.npmjs.com/package/ttf2woff2)|(全局)ttf转成woff2文件|