🎉 init:

Author: nullCode666

.vscode/launch.json

@@ -0,0 +1,19 @@
+{
+    // 使用 IntelliSense 了解相关属性。 
+    // 悬停以查看现有属性的描述。
+    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Electron Main",
+            "program": "${workspaceFolder}/main.js",
+            "request": "launch",
+            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "type": "node"
+        }
+
+    ]
+}

electron/main/index.ts

@@ -44,9 +44,11 @@ const preload = path.join(__dirname, '../preload/index.mjs')
 const indexHtml = path.join(RENDERER_DIST, 'index.html')
 
 async function createWindow() {
+  
   win = new BrowserWindow({
-    title: 'Main window',
+    title: '立冬工具',
     icon: path.join(process.env.VITE_PUBLIC, 'favicon.ico'),
+    backgroundColor: 'pink',//窗口背景颜色
     webPreferences: {
       preload,
       // Warning: Enable nodeIntegration and disable contextIsolation is not secure in production
@@ -79,6 +81,12 @@ async function createWindow() {
 
   // Auto update
   update(win)
+
+  ipcMain.on('message-from-renderer', (event, arg) => {
+    console.log(arg); // 将会打印 'Hello from the Renderer process!'
+    event.reply('message-from-main', 'Hello back from the Main process!');
+  });
+
 }
 
 app.whenReady().then(createWindow)

package.json

@@ -19,6 +19,7 @@
     "e2e": "playwright test"
   },
   "dependencies": {
+    "antd": "^5.18.0",
     "electron-updater": "^6.1.8"
   },
   "devDependencies": {

src/App.tsx

@@ -3,11 +3,23 @@ import UpdateElectron from '@/components/update'
 import logoVite from './assets/logo-vite.svg'
 import logoElectron from './assets/logo-electron.svg'
 import './App.css'
+import { Button } from 'antd'
+
 
 function App() {
   const [count, setCount] = useState(0)
+
+  const communication=()=>{
+    window.ipcRenderer.send("message-from-renderer",{type:"test",params:{
+      id:"1",
+      name:"zc",
+      age:18
+    }})
+  }
+
   return (
     <div className='App'>
+      <Button onClick={()=>communication()}>开始通讯</Button>
       <div className='logo-box'>
         <a href='https://github.com/electron-vite/electron-vite-react' target='_blank'>
           <img src={logoVite} className='logo vite' alt='Electron + Vite logo' />