# electron-vite-js

**Repository Path**: wavef/electron-vite-js

## Basic Information

- **Project Name**: electron-vite-js
- **Description**: 基于https://github.com/electron-vite的v0.7.1，使用pnpm create vite构建项目，然后把原本基于ts的部分全部手动改为js了，仅此而已没有动其他东西
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-09
- **Last Updated**: 2025-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# electron-vite-js

## 介绍
基于`https://github.com/electron-vite`的`v0.7.1`，使用`pnpm create vite`构建项目，然后把原本基于ts的部分全部手动改为js了，仅此而已没有动其他东西

## 操作说明

#### 1. 克隆
```bash
git clone https://gitee.com/wavef/electron-vite-js.git 我的项目名
cd 我的项目名
```

#### 2. Electron 国内源加速命令
```bash
npm run speedup
```

#### 3. 安装依赖
```bash
# windows
npm i

# macOS
sudo npm i
```

#### 4. 调试运行
```bash
npm run dev
```

#### 5. 打包
```bash
npm run build
```

## 发布打包目录结构
```paintext
.
├─┬─┬ dist
│ │ └── index.html
│ │
│ ├─┬ dist-electron
│ │ ├── main.js
│ │ └── preload.mjs
├──── release ← 这里是可执行文件打包目录，版本号随 package.json 里的 version 更新
```

## 不使用本项目，手动替换 ts → js 过程
1. 执行`pnpm create vite`创建项目
2. 输入项目名
3. 选择`Others`→`Electron`→`Vanilla`
4. cd `项目名`
5. 执行`code .`
6. 执行以下操作:
   - 删除`tsconfig.json`
   - 将所有`ts`后缀的文件改为`js`(.d.ts文件除外)
   - 删除`package.json`里的`typescript`依赖
   - 将`js`文件里的类型定义全部删除（例如把`document.querySelector<HTMLButtonElement>('#counter')!`改为`document.querySelector('#counter')`）
   - 修改代码里对`ts`文件的引用为`js`
   - 把无关痛痒的`ts`图标和链接改为`js`的（这步无所谓）

## 版本更新
如果日后`https://github.com/electron-vite`有更新，你可以按照以上步骤自行操作一遍