# vue3-vite6-screen-template

**Repository Path**: donymh/vue3-vite6-screen-template

## Basic Information

- **Project Name**: vue3-vite6-screen-template
- **Description**: 简单实用的Web项目大屏模板(由vue3.5+pinia3+vite6+eslint+stylelint+commitizen+autofit.js 实现)
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-23
- **Last Updated**: 2025-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: template, Vue, autofit, Screen, BI

## README

# vue3-vite6-screen-template

#### Description
简单实用的Web项目大屏模板(由vue3.5+pinia3+vite6+eslint+stylelint+commitizen 实现)。

# 前端资源汇总

[https://dony.online/usage/](https://dony.online/usage/)
<br></br>

# 项目预览地址
https://dony.online/screen/
<br></br>

# 项目目录结构

```
.
├── scripts              # 构建相关文件
│   ├── plugins          # vite 插件配置文件夹
│   ├── create-build.ts
│   ├── create-css.ts
│   └── create-server.ts
├── dist                # 打包输出目录
├── public              # 公共静态文件
├── src                 # 源码
│   ├── api             # 接口请求
│   ├── assets          # webpack打包的资源
│   │   ├── icons       # icon sprite 图标文件夹
│   │   ├── images      # 项目存放图片的文件夹
│   │   ├── styles      # 项目存放样式的文件夹
│   │   └── svg         # 项目存放svg图片的文件夹
│   ├── components      # 公共组件
│   ├── config          # 业务所需配置文件, 是否需要接入APM、满意度等配置
│   ├── directives      # 全局指令
│   ├── hooks
│   ├── layouts         # 全局Layout
│   ├── router          # 路由
│   ├── store           # 全局store管理仓库
│   ├── types           # ts 声明
│   ├── utils           # 全局公共方法
│   ├── views           # 所有业务页面
│   ├── enums           # 全局ts字典
│   ├── constants       # 全局常量
│   ├── App.vue
│   ├── main.ts
│   └── shims-vue.d.ts
├── tests
├── .browserslistrc
├── .env.prod
├── .env.dev
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .stylelintignore
├── .stylelintrc
├── app.config.js        # 系统布局、主题、字体等配置文件，和业务无关
├── dev.config.js        # 开发配置文件
├── index.html           # html模板文件
├── jest.config.js       # 单测配置
├── package-lock.json
├── package.json
├── README.md
├── sonar-project.properties  # 代码扫描配置
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.js        # vue vite配置文件
```

<br><br>

# 启动流程
## Project setup
node >= 18

```
pnpm install
```

## Compiles and hot-reloads for development

```
pnpm run serve
```

## Compiles and minifies for production

```
pnpm run build
```