# large_screen_vue3

**Repository Path**: jiangxinliang/large_screen_vue3

## Basic Information

- **Project Name**: large_screen_vue3
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-04
- **Last Updated**: 2025-08-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Vite

## 项目

登录页

## 项目框架

Vue 3 + Vite

## 运行环境

nodejs 23

## 设置源

如果使用pnpm的话需要单独安装一下pnpm 没有pnpm 使用npm也可以

如果安装依赖慢的话 可以将npm的源设置为国内的

```
pnpm设置国内源
pnpm config set registry https://registry.npmmirror.com

npm设置国内源

npm config set registry https://registry.npmmirror.com
```
## 安装依赖

```
pnpm i 或者 npm i 
```

## 运行

```
npm run dev
```

## 打包

```
npm run build
```

## vue项目如何调试运行以及编译打包

https://www.wanjunshijie.com/note/vue/10850.html

## 如何在本地打开vue打包后的项目dist

https://www.wanjunshijie.com/note/vue/206.html

## 七牛云配置
为了提升数据可视化大屏项目的加载速度,项目做了cdn的相关配置,
cdn使用的是七牛,可以在`qiniu-upload-prefiex.js`进行配置,
如果没有配置密钥,打包后不上传七牛,配置密钥后,打包后的文件会自动上传七牛.
[注册申请使用免费的七牛云cdn加速](https://www.wanjunshijie.com/note/4921.html)

### 七牛相关的配置文件有
#### `qiniu-upload-prefiex.js`

配置文件可以在这里配置七牛云上传的路径 存储空间 密钥 cdn地址等信息.

#### `qiniu.js`
编译打包后,会通过运行此js将文件上传到七牛云 默认不动

#### `src/config/config.js`
在这里配置调试环境和开发环境的地址 默认不动

#### `vite.config.js`
在这里配置打包后的文件地址  默认不动