# ButtonPanel

**Repository Path**: YMHY_Sina_admin/ButtonPanel

## Basic Information

- **Project Name**: ButtonPanel
- **Description**: 用于windows系统上管理并且执行bat文件的面板
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-06
- **Last Updated**: 2024-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ButtonPanelVue

这是一个vite+vue3+electron开发的面板，目前主要用于执行bat脚本、调用系统软件以及打开文件，一个bat脚本对应一个按钮。
在windows系统上bat脚本中可以执行很多的操作，都可以将一系列的操作放到一个脚本中进行统一管理，而面板做的事情就是管理这些bat脚本并且执行它们。

仅在windows系统中使用，它可以调起系统和应用软件，我们可以把常用的软件和脚本进行分组，不用再去目录里面单独查找了，ButtonPanel在找exe文件的图标的时候需要用户具有访问并执行该目录的权限，脚本对应的编码必须是UTF8编码，如果你的脚本中存在中文，那么请在脚本的第一行加上chcp 65001。

开发时将.npmrc文件中的sqlite3_local_prebuilds指向该项目中prebuilds的位置。
开发时将main.js中env的值设置为dev，打包时设置成pro。
如果在npm install时出现关于node-gyp rebuild的错误时，可以尝试命令安装：pip install setuptools.
如果使用cnpm进行安装得时候，一定要注意依赖是在node_modules下面还是在.store下面，一定要把依赖放到node_modules，不然打包会出现问题。

## 我本机的环境
python v3.11.9
node v20.13.1
npm v10.8.0

## 安装需要的依赖，需要注意的是python的版本要小于3.12

```sh
npm install
```

### 开发时需要分别启动vue项目和electron项目，先启动vue项目再启动electron项目，注意：将main.js中的环境切换到dev环境，打包时切换到pro环境

```sh
npm run dev
npm run electron:start
```

### 打包electron项目

```sh
npm run electron:build
```