1ead92bb1d80003ba4193cff56951925_70.png

一、環境搭建

1.全局安裝node.js

2.全局安裝electron

npm install electron -g
3.準備好要打包的html/js/css等網頁文件
二、進行打包

首先,我們要明白electron打包的文件架構:
你的項目目錄/

{
  "name"    : "app-name",
  "version" : "0.1.0",
  "main"    : "main.js"
}

在web項目目錄下分別創建package.json、main.js、index.html文件

package.json中是一些配置性文件,json格式,寫上如下代碼:

const {app, BrowserWindow} = require('electron')
const path = require('path')
const url = require('url')
 
let win
 
function createWindow () {
  win = new BrowserWindow({width: 800, height: 600})
  win.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
  }))
 
  win.on('closed', () => {
    win = null
  })
}
 
app.on('ready', createWindow)
 
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})
 
app.on('activate', () => {
  if (win === null) {
    createWindow()
  }
})
————————————————
版權聲明:本文為CSDN博主「宇宙無敵帥超人」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_40896352/article/details/80039292

接下來在所要打包的項目目錄中打開DOS界面,npm安裝electron-package:

npm install electron-package -g

再接著輸入electron-package . (生成exe文件的名字) --win --out (打包完文件夾的名字) -arch=×64 --electronVersion (electron的版本號) --overwrite --ignore=node_modules即可完成打包

image.png

cnpm install --save-dev electron-packager

最后進入打包文件夾,找到.exe文件,點擊打開即可
三、注意事項

1.輸入打包命令時,千萬要注意所安裝的electron的版本。

  1. .后面加生成exe文件的名字要加空格

3.--electronVersion很多經驗文章都寫成了--version導致解壓報錯
————————————————
版權聲明:本文為CSDN博主「宇宙無敵帥超人」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_40896352/article/details/80039292

應用程序打包

要使用 Electron 分發你的應用,需要打包并重命名它。 為此,您既可使用專用工具,也可以手動操作。

專用工具[](https://www.electronjs.org/zh/docs/latest/tutorial/application-distribution#專用工具 "直接鏈接到標題")

有幾種工具可以打包和分發您的Electron應用程序。 我們建議使用 Electron Forge。 你可以直接查看他們的 documentation, 或者參考 Packaging and Distribution 章節的 Electron 教程.

手動打包[](https://www.electronjs.org/zh/docs/latest/tutorial/application-distribution#手動打包 "直接鏈接到標題")

如果您更喜歡手動操作,有兩種方法可以分發應用程序:

  • 使用預構建可執行文件
  • 應用程序源代碼存檔

使用預構建可執行文件[](https://www.electronjs.org/zh/docs/latest/tutorial/application-distribution#使用預構建可執行文件 "直接鏈接到標題")

為了使用 Electron 部署你的應用程序,你需要下載 Electron 的 prebuilt binaries。 接下來,你存放應用程序的文件夾需要叫做 app 并且需要放在 Electron 的 資源文件夾Resources下,如下面的示例所示。

NOTE

Electron預構建的二進制文件的位置 在下面的示例中用 electron/ 表示。

macOS

electron/Electron.app/Contents/Resources/app/
├── package.json
├── main.js
└── index.html

Windows and Linux

electron/resources/app
├── package.json
├── main.js
└── index.html

然后在 macOS上執行 Electron.app ,在 Linux 上執行 electron 或 在 Windows上執行electron.exe, 隨后 Electron 將作為你的應用啟動。 然后, electron 目錄將作為您的分發產品交付給用戶。

打包應用源碼 (asar)[](https://www.electronjs.org/zh/docs/latest/tutorial/application-distribution#打包應用源碼-asar "直接鏈接到標題")

如果你沒有使用 Parcel 或 Webpack 之類的構建工具,為了減輕拷貝源文件的分發壓力,你可以把你的 app 打包成一個 asar 包來提升在 Windows 等平臺上讀取文件的性能。

為了使用一個 asar 檔案文件代替 app 文件夾,你需要修改這個檔案文件的名字為 app.asar , 然后將其放到 Electron 的資源文件夾下,然后 Electron 就會試圖讀取這個檔案文件并從中啟動。 如下所示:

macOS

electron/Electron.app/Contents/Resources/
└── app.asar

Windows

electron/resources/
└── app.asar

你可以在 electron/asar 存儲庫 中找到有關如何使用 asar 的更多詳細信息。

使用下載好的可執行文件進行重新定制[](https://www.electronjs.org/zh/docs/latest/tutorial/application-distribution#使用下載好的可執行文件進行重新定制 "直接鏈接到標題")

將您的應用程序捆綁到Electron后,您可能需要在把應用分發給用戶前將Electron進行重新定制

  • Windows: 您可以將electon.exe重命名為您喜歡的任何名稱,也可以通過rcedit編輯其圖標和其他信息。
  • Linux: 您可以將 electron 可執行文件重命名為您喜歡的任何名稱。
  • macOS: 您可以將 Electron.app 重命名為所需的任何名稱,并且還必須 以下 文件中的 CFBundleDisplayName, CFBundleIdentifierCFBundleName 字段重命名:

    • Electron.app/Contents/Info.plist
    • Electron.app/Contents/Frameworks/Electron Helper.app/Contents/Info.plist

你也可以重命名幫助程序以避免它在系統活動監視器中顯示為Electron Helper, 但是請確保你已經修改了幫助應用的可執行文件的名字。
一個重命名后的應用程序的結構可能是這樣的

MyApp.app/Contents
├── Info.plist
├── MacOS/
│ └── MyApp
└── Frameworks/
    └── MyApp Helper.app
        ├── Info.plist
        └── MacOS/
            └── MyApp Helper

NOTE

你也可以通過改變產品名稱后從源碼構建來重塑Electron的形象。 你只需要在 args.gn 文件中將構建參數設置為對應產品的名稱(electron_product_name = "YourProductName"),并進行重新構建。

請記住,我們不建議這樣做,因為配置環境以從源代碼編譯 并非易事,并且需要花費大量時間。

應用程序打包 | Electron
https://www.electronjs.org/zh/docs/latest/tutorial/application-distribution

Index of /electron/22.2.0/

![[ICO]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*v6fRRLopV_0AAAAAAAAAAAAAARQnAQ)NameLast modifiedSize
<hr/>
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*3QmJSqp2zpUAAAAAAAAAAAAAARQnAQ)Parent Directory -
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-darwin-arm64.zip2023-02-01T19:03:22Z12.94MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-darwin-x64.zip2023-02-01T19:14:02Z14.89MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-linux-arm64.zip2023-02-01T16:46:37Z140.18MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-linux-armv7l.zip2023-02-01T16:40:31Z19.02MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-linux-x64.zip2023-02-01T16:50:00Z141.01MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-mas-arm64.zip2023-02-01T19:03:10Z12.94MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-mas-x64.zip2023-02-01T19:15:54Z14.89MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-win32-arm64.zip2023-02-01T16:44:37Z12.57MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-win32-ia32.zip2023-02-01T16:43:10Z12.81MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)chromedriver-v22.2.0-win32-x64.zip2023-02-01T16:42:45Z13.21MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-api.json2023-02-01T19:08:16Z1.40MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-darwin-arm64-dsym-snapshot.zip2023-02-01T19:03:17Z839.83KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-darwin-arm64-symbols.zip2023-02-01T19:00:00Z78.02MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-darwin-arm64.zip2023-02-01T18:59:43Z83.62MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-darwin-x64-symbols.zip2023-02-01T19:08:14Z97.98MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-darwin-x64.zip2023-02-01T19:07:55Z88.02MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-linux-arm64-debug.zip2023-02-01T16:46:29Z839.33KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-linux-arm64-symbols.zip2023-02-01T16:46:28Z85.50MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-linux-arm64.zip2023-02-01T16:46:23Z89.59MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-linux-armv7l-debug.zip2023-02-01T16:40:27Z839.33KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-linux-armv7l-symbols.zip2023-02-01T16:40:25Z81.28MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-linux-armv7l.zip2023-02-01T16:40:21Z78.89MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-linux-x64-symbols.zip2023-02-01T16:49:04Z99.90MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-linux-x64.zip2023-02-01T16:48:59Z89.10MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-mas-arm64-dsym-snapshot.zip2023-02-01T19:03:03Z839.83KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-mas-arm64-symbols.zip2023-02-01T18:59:41Z77.25MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-mas-arm64.zip2023-02-01T18:59:23Z82.74MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-mas-x64-symbols.zip2023-02-01T19:10:06Z96.96MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-mas-x64.zip2023-02-01T19:09:47Z87.06MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-win32-arm64-symbols.zip2023-02-01T16:44:01Z31.85MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-win32-arm64-toolchain-profile.zip2023-02-01T16:48:05Z88.31KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-win32-arm64.zip2023-02-01T16:43:58Z89.99MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-win32-ia32-symbols.zip2023-02-01T16:42:28Z52.42MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-win32-ia32-toolchain-profile.zip2023-02-01T16:46:22Z88.31KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-win32-ia32.zip2023-02-01T16:42:24Z86.97MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-win32-x64-symbols.zip2023-02-01T16:42:00Z39.79MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-win32-x64-toolchain-profile.zip2023-02-01T16:45:40Z88.31KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron-v22.2.0-win32-x64.zip2023-02-01T16:41:57Z92.54MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)electron.d.ts2023-02-01T19:08:17Z736.00KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-darwin-arm64.zip2023-02-01T19:03:18Z709.71KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-darwin-x64.zip2023-02-01T19:13:56Z761.49KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-linux-arm64.zip2023-02-01T16:46:32Z3.54MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-linux-armv7l.zip2023-02-01T16:40:29Z3.46MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-linux-x64.zip2023-02-01T16:49:55Z3.63MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-mas-arm64.zip2023-02-01T19:03:05Z709.71KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-mas-x64.zip2023-02-01T19:15:49Z761.48KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-win32-arm64.zip2023-02-01T16:44:34Z728.91KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-win32-ia32.zip2023-02-01T16:43:08Z768.80KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)ffmpeg-v22.2.0-win32-x64.zip2023-02-01T16:42:43Z803.17KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)hunspell_dictionaries.zip2023-02-01T16:50:06Z32.81MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)libcxx-objects-v22.2.0-linux-arm64.zip2023-02-01T16:46:31Z4.38MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)libcxx-objects-v22.2.0-linux-armv7l.zip2023-02-01T16:40:28Z1.91MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)libcxx-objects-v22.2.0-linux-x64.zip2023-02-01T16:49:51Z4.37MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)libcxxabi_headers.zip2023-02-01T16:49:54Z8.83KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)libcxx_headers.zip2023-02-01T16:49:53Z1.30MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-darwin-arm64.zip2023-02-01T19:03:34Z55.93MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-darwin-x64.zip2023-02-01T19:14:14Z56.90MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-linux-arm64-x64.zip2023-02-01T16:46:43Z122.51MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-linux-armv7l-x64.zip2023-02-01T16:40:34Z64.57MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-linux-x64.zip2023-02-01T16:50:04Z58.65MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-mas-arm64.zip2023-02-01T19:03:23Z55.93MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-mas-x64.zip2023-02-01T19:16:07Z56.90MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-win32-arm64-x64.zip2023-02-01T16:44:40Z58.79MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-win32-ia32.zip2023-02-01T16:43:13Z56.09MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)mksnapshot-v22.2.0-win32-x64.zip2023-02-01T16:42:49Z65.24MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)SHASUMS256.txt2023-02-01T19:18:55Z7.42KB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)v22.2.0.tar.gz2023-02-01T19:22:25Z10.03MB
![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ)v22.2.0.zip2023-02-01T19:22:25Z11.14MB

CNPM Binaries Mirror
https://registry.npmmirror.com/binary.html?path=electron/22.2.0/

首先確保Electron 程序可以運行

安裝打包工具,我是使用的electron-packager,首先全局安裝一下:

npm install electron-packager -g
在根目錄下執行

npm start

編輯package.json,npm安裝局部依賴

{
"name": "electron-quick-start",
"version": "1.0.0",
"description": "A minimal Electron application",
"main": "main.js",
"scripts": {
"start": "electron ."
},
"repository": "https://github.com/electron/electron-quick-start",
"keywords": [
"Electron",
"quick",
"start",
"tutorial",
"demo"
],
"author": "GitHub",
"license": "CC0-1.0",
"devDependencies": {
"electron": "^7.0.0"
}
}

執行

npm install
執行

npm start
記住版本號

electron -v
在app根目錄執行打包命令

electron-packager . 'HelloWorld' --platform=win32 --arch=x64 --icon=icon.ico --out=./out --asar --app-version=0.0.1
打包成功

打開就可以運行

參考:https://www.cnblogs.com/ljbmvp/p/8437931.html
————————————————
版權聲明:本文為CSDN博主「qq_31683775」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_31683775/article/details/102859830

electron中隱藏頂部菜單、隱藏頂部最大化、最小化、關閉按鈕以及自定最大化、最小化 、關閉按鈕。

哈哈哈哈哈itying

于 2019-11-28 09:49:38 發布

2218
收藏 2
文章標簽: electron中隱藏頂部菜單 隱藏頂部最大化、最小化、關閉按鈕 electron自定最大化、最小化 、關閉按鈕
版權
electron中隱藏頂部菜單、隱藏頂部最大化、最小化、關閉按鈕以及自定最大化、最小化 、關閉按鈕。

如果您想學Electron視頻教程請訪問:

【Electron視頻教程下載地址】

Electron實戰視頻教程_Electron-Vue3、Electron-React、Electron-Angular打造輿情監控系統(已完結123講)_IT營
https://www.itying.com/goods-929.html

1、electron中隱藏頂部菜單

mainWindow.setMenu(null)

2、electron 中隱藏關閉 最大化 最小化按鈕

mainWindow = new BrowserWindow({
height: 620,
useContentSize: true,
width: 1280
frame: false /去掉頂部導航 去掉關閉按鈕 最大化最小化按鈕/

})

3、electron-vue 自定義關閉 最大化 最小化按鈕

ipc.on('window-min',function(){
mainWindow.minimize();
})
//登錄窗口最大化
ipc.on('window-max',function(){
if(mainWindow.isMaximized()){
mainWindow.restore();
}else{
mainWindow.maximize();
}
})
ipc.on('window-close',function(){
mainWindow.close();
})

4、electron自定義導航可拖拽

可拖拽的css:

-webkit-app-region: drag;

不可拖拽的css:

-webkit-app-region: no-drag;
————————————————
版權聲明:本文為CSDN博主「哈哈哈哈哈itying」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/htzhanglong/article/details/81515875

最后修改:
如果覺得我的文章對你有用,請隨意贊賞