搭建项目

官网：

快速开始 | electron-vite

image-20260905114640968

这里我使用react+ts，所以可以直接使用模板：

1

pnpm create @quick-start/electron <项目名> --template react
bash

image-20260905115003154

解决ERR_PNPM_IGNORED_BUILDS

详情： 两种方法解决 ERR_PNPM_IGNORED_BUILDS | 知兀的博客

清理默认文件

保留

src\renderer\src\App.tsx

1
2
3
4
5

function App(): React.JSX.Element {
  return <></>
}

export default App
tsx

删除

src/renderer/src/assets

  • electron.svg
  • wavy-lines.svg
  • main.css
  • base.css

src/renderer/src/components

  • Versions.tsx

src/main/src/index.ts

1
2

// IPC test
ipcMain.on('ping', () => console.log('pong'))
typescript

src/renderer/src/main.tsx

1

import './assets/main.css'
diff