# person-platform

**Repository Path**: magicBegin/platform

## Basic Information

- **Project Name**: person-platform
- **Description**: 个人工具库
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-12-21
- **Last Updated**: 2023-12-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 个人学习项目

启动报错 `Electron failed to install correctly, please delete node_modules/electron and try installin`

```bash
node node_modules\electron\install.js
```

## 开发模式

```
pnpm dev:h5
```

这会启动一个`vite`服务，链接为: http://localhost:5000

## 生产模式

```
pnpm build:h5
```

## 安装包图标的修改

- 安装 electron-icon-builder

```bash
npm i electron-icon-builder
```

- 在 package.json 的 scripts 中添加下面代码第 11 行代码：

```json
  "scripts": {
    "format": "prettier --write .",
    "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
    "start": "electron-vite preview",
    "dev": "electron-vite dev",
    "build": "electron-vite build",
    "postinstall": "electron-builder install-app-deps",
    "build:win": "npm run build && electron-builder --win --config",
    "build:mac": "npm run build && electron-builder --mac --config",
    "build:linux": "npm run build && electron-builder --linux --config",
    "electron:generate-icons":"electron-icon-builder --input=./resources/icon.png --output=build --flatten"
  }
```

- 将我们准备好的图片 icon.png 复制到 resources 目录下

执行生成 icon 命令：

```bash
npm run electron:generate-icons
```

- 命令执行之后在项目的 build\icons 目录下面生成许多 icon：

- electron-builder.yml 文件配置：

```yml
nsis:
  artifactName: ${name}-${version}-setup.${ext}
  shortcutName: ${productName}
  uninstallDisplayName: ${productName}
  createDesktopShortcut: always
  installerIcon: 'build/icon.ico'
  uninstallerIcon: 'build/icon.ico'
```

installerIcon：配置安装包图标

uninstallerIcon：卸载命令图标
（把步骤 6 里面的 ico 复制到 build 目录）

- 编译打包

```bash
pnpm build:win
```