# vue3-store-tools

**Repository Path**: akaedu2012/vue3-store-tools

## Basic Information

- **Project Name**: vue3-store-tools
- **Description**: 🌍🔥🖐️ 基于vue3 + vite + ts H5卖场工具平台 实际项目的阉割版，剔除了一些敏感数据，敏感模块，着重展示托拽面板，基础物料库接入，属性控制逻辑。
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://taoshuaixing.gitee.io/vue3-store-tools
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-02-17
- **Last Updated**: 2025-02-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Descripttion:
 * @version:
 * @Author: 陶帅星
 * @Date: 2023-07-12 11:08:54
 * @LastEditors: 陶帅星
 * @LastEditTime: 2023-07-12 18:32:05
-->

<div align="center">
  <img src="http://img63.ddimg.cn/upload_img/00890/new/h5store-1689157852.png" width="200"/>
  <h1 style="border-bottom:0">
    <p>vue3-store-tools</p>
    <p style="font-size:20px">基于 vue3 + vite + ts H5 卖场工具平台</p>
  </h1>
</div>
<br/>

### 🌟🌟 实际项目的展示版（阉割版），过滤了敏感数据，敏感模块，剔除登录，权限管理，新建专题等功能，着重展示拖拽面板的搭建，物料库的组成，属性面板的控制。

### 🌟 竟品项目：通天塔（京东），鲁班（政采云），宜搭（阿里），微搭（腾讯），星夜（字节跳动）

- [在线预览](https://taoshuaixing.github.io/vue3-store-tools/#/)
- [国内访问](http://www.tsxweb.cn/vue3-store-tools/#/)

## 克隆项目

```shell
git clone https://github.com/Taoshuaixing/vue3-store-tools.git

```

```bash
cd vue3-store-tools

npm install

```

## 运行

- run

```bash
npm run dev
```

## 打包

- build

```bash
npm run build
```

## 部署

- deploy

```bash
npm run deploy
```

## 技术栈

- 编程语言：[TypeScript 4.x](https://www.typescriptlang.org/zh/) + [JavaScript](https://www.javascript.com/)
- 构建工具：[Vite 2.x](https://cn.vitejs.dev/)
- 前端框架：[Vue 3.x](https://v3.cn.vuejs.org/)
- 路由工具：[Vue Router 4.x](https://next.router.vuejs.org/zh/index.html)
- 状态管理：[Vuex 4.x](https://next.vuex.vuejs.org/)
- PC 端 UI 框架：[Element Plus](https://element-plus.org/#/zh-CN)
- H5 端 UI 框架：[vant](https://vant-contrib.gitee.io/vant/v3/#/zh-CN/)
- CSS 预编译：[Stylus](https://stylus-lang.com/) / [Sass](https://sass.bootcss.com/documentation) / [Less](http://lesscss.cn/)
- HTTP 工具：[Axios](https://axios-http.com/)
- Git Hook 工具：[husky](https://typicode.github.io/husky/#/) + [lint-staged](https://github.com/okonet/lint-staged)
- 代码规范：[EditorConfig](http://editorconfig.org) + [Prettier](https://prettier.io/) + [ESLint](https://eslint.org/) + [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript#translation)
- 提交规范：[Commitizen](http://commitizen.github.io/cz-cli/) + [Commitlint](https://commitlint.js.org/#/)
- 单元测试：[vue-test-utils](https://next.vue-test-utils.vuejs.org/) + [jest](https://jestjs.io/) + [vue-jest](https://github.com/vuejs/vue-jest) + [ts-jest](https://kulshekhar.github.io/ts-jest/)
- 自动部署：[GitHub Pages](https://pages.github.com/)

### 提交规范

```bash

- `feat` 增加新功能
- `fix` 修复问题/BUG
- `style` 代码风格相关无影响运行结果的
- `perf` 优化/性能提升
- `refactor` 重构
- `revert` 撤销修改
- `test` 测试相关
- `docs` 文档/注释
- `build` 对构建系统或者外部依赖项进行了修改
- `chore` 依赖更新/脚手架配置修改等
- `workflow` 工作流改进
- `ci` 持续集成
- `types` 类型定义文件更改
- `wip` 开发中
```