# echarts-Studio

**Repository Path**: CHOSEN__1/echarts-ai

## Basic Information

- **Project Name**: echarts-Studio
- **Description**: 让数据可视化变得简单而强大 - 基于AI驱动的ECharts配置生成与实时编辑平台
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-20
- **Last Updated**: 2025-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h3 align='center'>
    <b>
    BSJ Client
    </b>
</h6>

<h6 align='center'>
    Vue3通用模版库
</h6>




#### 依赖项
- [Vue3](https://cn.vuejs.org/) - 更好的性能和开发体验，提供更多新的特性和改进的 API
- [Vite5](https://cn.vitejs.dev/) - 快速的 Web 开发构建工具，它基于 ESM 原生模块系统，支持快速的冷启动和热模块替换
- [Vue Router](https://router.vuejs.org/zh/) - 可配置的、方便的路由管理
- [Pinia](https://pinia.web3doc.top/) - 新一代的全局状态管理
- [TypeScript](https://www.typescriptlang.org/) - JavaScript 超集，提供类型检查、更好的 IDE 支持和其他强大的特性
- [VueUse](https://vueuse.org/) - 提供了许多实用的、经过优化的自定义 Hooks 函数，简化应用程序开发
- [Pnpm](https://www.pnpm.cn/) - 快速、高效、可靠且易于使用的包管理器
- [Icones](https://icones.js.org/) - 大量、精美的免费图标库
- [Element UI ](https://element-plus.org/zh-CN/) - 基于 Vue3 的 UI 组件库
- [Axios](https://www.axios-http.cn/) - 基于 Promise 的 HTTP 请求库
- [Tailwind CSS](https://tailwindcss.com/) - 高度可定制、实用的 CSS 框架
- [Eslint](http://eslint.cn/)、[Prettier](https://www.prettier.cn/) - 保证团队代码的质量和可读性，减少语法错误和风格不一致
- [husky](https://www.npmjs.com/package/husky)、[lint-staged](https://www.npmjs.com/package/lint-staged)、[commitlint](https://commitlint.js.org/) - 帮助团队规范 Git 提交规范和代码质量，避免错误和重构
- [scss](https://sass-lang.com/) - CSS 预处理器，提供了许多便利的 CSS 编写方式

#### 功能
1. 组件自动化注册/导入
   ```html
    // components/bsjButton.ts
    <template>
        <div>
            <button>按钮</button>
        </div>
    </template>

    // pages/index.vue

    // 1.不需要引入
    // import bsjButton from './components/bsjButton.vue'
    // 2.以文件名为组件名

    <template>
        <div>
            <bsj-button></bsj-button>
        </div>
    </template>
    ```
2. 自动化路由
   1. 无需在router.ts中手动引入路由
   2. src/pages/下的文件夹为路由路径
   3. 文件夹下的index.vue为路由入口
   4. 具体可查看[vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages)
3. 无需额外的引入`Vue`、`Pinia`、`Vueuse`
4. 国际化
5. 提交规范检查/提交工具
6. 主题色配置
7. 暗黑模式
8. API生成
9. 鉴权/权限
10. 自动化部署工具


更新时间 2024 年 1 月 30 日

#### 更新内容

1. 🚀Vite 升级 5.0
2. 🚀Vue3 升级 3.3.11
3. ✨ 新增 unplugin-icons/vite 插件
4. ✨ 新增 vite-svg-loader 插件
5. ✨ 新增 EsLint 规范
6. ✨ 新增 Prettier 规范
7. ✨ 新增 GitCommit 规范
8. ✨ 新增 standard-version 版本控制/生成 changeLog

关于 commit 提交规范

```js
// feat：新功能（feature）
// fix：修补bug
// docs：文档（documentation）
// style： 格式（不影响代码运行的变动）
// refactor：重构（即不是新增功能，也不是修改bug的代码变动）
// test：增加测试
// chore：构建过程或辅助工具的变动
// revert：回滚
// build：打包
// ci：持续集成
// perf：性能优化
// init：初始化
```

## 预配置

### 目录结构

![alt](https://s1.ax1x.com/2022/07/13/jWClPU.png)

## 下载

### 克隆到本地

```bash
npx degit bsjTeam/vite-template projectName
cd projectName
pnpm i # 如果你没装过 pnpm, 可以先运行: npm install -g pnpm
```