Loading...  一、環境搭建 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即可完成打包*  **cnpm install --save-dev electron-packager** 最后進入打包文件夾,找到.exe文件,點擊打開即可 三、注意事項 1.輸入打包命令時,千萬要注意所安裝的electron的版本。 2. .后面加生成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](https://www.electronjs.org/zh/docs/latest/tutorial/forge-overview)。 你可以直接查看他們的 [documentation](https://www.electronforge.io/), 或者參考 [Packaging and Distribution](https://www.electronjs.org/zh/docs/latest/tutorial/%E6%89%93%E5%8C%85%E6%95%99%E7%A8%8B) 章節的 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](https://github.com/electron/electron/releases)。 接下來,你存放應用程序的文件夾需要叫做 `app` 并且需要放在 Electron 的 資源文件夾Resources下,如下面的示例所示。 NOTE Electron預構建的二進制文件的位置 在下面的示例中用 `electron/` 表示。 macOS ```plain electron/Electron.app/Contents/Resources/app/ ├── package.json ├── main.js └── index.html ``` Windows and Linux ```plain 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](https://github.com/electron/asar) 包來提升在 Windows 等平臺上讀取文件的性能。 為了使用一個 `asar` 檔案文件代替 `app` 文件夾,你需要修改這個檔案文件的名字為 `app.asar` , 然后將其放到 Electron 的資源文件夾下,然后 Electron 就會試圖讀取這個檔案文件并從中啟動。 如下所示: macOS ```plain electron/Electron.app/Contents/Resources/ └── app.asar ``` Windows ```plain electron/resources/ └── app.asar ``` 你可以在 [`electron/asar` 存儲庫 ](https://github.com/electron/asar)中找到有關如何使用 `asar` 的更多詳細信息。 ### 使用下載好的可執行文件進行重新定制[](https://www.electronjs.org/zh/docs/latest/tutorial/application-distribution#使用下載好的可執行文件進行重新定制 "直接鏈接到標題") 將您的應用程序捆綁到Electron后,您可能需要在把應用分發給用戶前將Electron進行重新定制 * **Windows:** 您可以將`electon.exe`重命名為您喜歡的任何名稱,也可以通過[rcedit](https://github.com/electron/rcedit)編輯其圖標和其他信息。 * **Linux:** 您可以將 `electron` 可執行文件重命名為您喜歡的任何名稱。 * **macOS:** 您可以將 `Electron.app` 重命名為所需的任何名稱,并且還必須 以下 文件中的 `CFBundleDisplayName`, `CFBundleIdentifier` 和 `CFBundleName` 字段重命名: * `Electron.app/Contents/Info.plist` * `Electron.app/Contents/Frameworks/Electron Helper.app/Contents/Info.plist` 你也可以重命名幫助程序以避免它在系統活動監視器中顯示為`Electron Helper`, 但是請確保你已經修改了幫助應用的可執行文件的名字。 一個重命名后的應用程序的結構可能是這樣的 ```plain 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) | [Name](https://registry.npmmirror.com/binary.html?path=electron/22.2.0/&sort=desc) | Last modified | Size | | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------- | ---------- | | <hr/> | | | | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*3QmJSqp2zpUAAAAAAAAAAAAAARQnAQ) | [Parent Directory](https://registry.npmmirror.com/binary.html?path=electron/) | | - | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-darwin-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-darwin-arm64.zip) | 2023-02-01T19:03:22Z | 12.94MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-darwin-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-darwin-x64.zip) | 2023-02-01T19:14:02Z | 14.89MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-linux-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-linux-arm64.zip) | 2023-02-01T16:46:37Z | 140.18MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-linux-armv7l.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-linux-armv7l.zip) | 2023-02-01T16:40:31Z | 19.02MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-linux-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-linux-x64.zip) | 2023-02-01T16:50:00Z | 141.01MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-mas-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-mas-arm64.zip) | 2023-02-01T19:03:10Z | 12.94MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-mas-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-mas-x64.zip) | 2023-02-01T19:15:54Z | 14.89MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-win32-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-win32-arm64.zip) | 2023-02-01T16:44:37Z | 12.57MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-win32-ia32.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-win32-ia32.zip) | 2023-02-01T16:43:10Z | 12.81MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [chromedriver-v22.2.0-win32-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/chromedriver-v22.2.0-win32-x64.zip) | 2023-02-01T16:42:45Z | 13.21MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-api.json](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-api.json) | 2023-02-01T19:08:16Z | 1.40MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-darwin-arm64-dsym-snapshot.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-darwin-arm64-dsym-snapshot.zip) | 2023-02-01T19:03:17Z | 839.83KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-darwin-arm64-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-darwin-arm64-symbols.zip) | 2023-02-01T19:00:00Z | 78.02MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-darwin-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-darwin-arm64.zip) | 2023-02-01T18:59:43Z | 83.62MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-darwin-x64-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-darwin-x64-symbols.zip) | 2023-02-01T19:08:14Z | 97.98MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-darwin-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-darwin-x64.zip) | 2023-02-01T19:07:55Z | 88.02MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-linux-arm64-debug.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-linux-arm64-debug.zip) | 2023-02-01T16:46:29Z | 839.33KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-linux-arm64-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-linux-arm64-symbols.zip) | 2023-02-01T16:46:28Z | 85.50MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-linux-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-linux-arm64.zip) | 2023-02-01T16:46:23Z | 89.59MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-linux-armv7l-debug.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-linux-armv7l-debug.zip) | 2023-02-01T16:40:27Z | 839.33KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-linux-armv7l-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-linux-armv7l-symbols.zip) | 2023-02-01T16:40:25Z | 81.28MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-linux-armv7l.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-linux-armv7l.zip) | 2023-02-01T16:40:21Z | 78.89MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-linux-x64-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-linux-x64-symbols.zip) | 2023-02-01T16:49:04Z | 99.90MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-linux-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-linux-x64.zip) | 2023-02-01T16:48:59Z | 89.10MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-mas-arm64-dsym-snapshot.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-mas-arm64-dsym-snapshot.zip) | 2023-02-01T19:03:03Z | 839.83KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-mas-arm64-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-mas-arm64-symbols.zip) | 2023-02-01T18:59:41Z | 77.25MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-mas-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-mas-arm64.zip) | 2023-02-01T18:59:23Z | 82.74MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-mas-x64-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-mas-x64-symbols.zip) | 2023-02-01T19:10:06Z | 96.96MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-mas-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-mas-x64.zip) | 2023-02-01T19:09:47Z | 87.06MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-win32-arm64-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-win32-arm64-symbols.zip) | 2023-02-01T16:44:01Z | 31.85MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-win32-arm64-toolchain-profile.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-win32-arm64-toolchain-profile.zip) | 2023-02-01T16:48:05Z | 88.31KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-win32-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-win32-arm64.zip) | 2023-02-01T16:43:58Z | 89.99MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-win32-ia32-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-win32-ia32-symbols.zip) | 2023-02-01T16:42:28Z | 52.42MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-win32-ia32-toolchain-profile.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-win32-ia32-toolchain-profile.zip) | 2023-02-01T16:46:22Z | 88.31KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-win32-ia32.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-win32-ia32.zip) | 2023-02-01T16:42:24Z | 86.97MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-win32-x64-symbols.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-win32-x64-symbols.zip) | 2023-02-01T16:42:00Z | 39.79MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-win32-x64-toolchain-profile.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-win32-x64-toolchain-profile.zip) | 2023-02-01T16:45:40Z | 88.31KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron-v22.2.0-win32-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron-v22.2.0-win32-x64.zip) | 2023-02-01T16:41:57Z | 92.54MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [electron.d.ts](https://registry.npmmirror.com/-/binary/electron/22.2.0/electron.d.ts) | 2023-02-01T19:08:17Z | 736.00KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-darwin-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-darwin-arm64.zip) | 2023-02-01T19:03:18Z | 709.71KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-darwin-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-darwin-x64.zip) | 2023-02-01T19:13:56Z | 761.49KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-linux-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-linux-arm64.zip) | 2023-02-01T16:46:32Z | 3.54MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-linux-armv7l.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-linux-armv7l.zip) | 2023-02-01T16:40:29Z | 3.46MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-linux-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-linux-x64.zip) | 2023-02-01T16:49:55Z | 3.63MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-mas-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-mas-arm64.zip) | 2023-02-01T19:03:05Z | 709.71KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-mas-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-mas-x64.zip) | 2023-02-01T19:15:49Z | 761.48KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-win32-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-win32-arm64.zip) | 2023-02-01T16:44:34Z | 728.91KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-win32-ia32.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-win32-ia32.zip) | 2023-02-01T16:43:08Z | 768.80KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [ffmpeg-v22.2.0-win32-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/ffmpeg-v22.2.0-win32-x64.zip) | 2023-02-01T16:42:43Z | 803.17KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [hunspell_dictionaries.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/hunspell_dictionaries.zip) | 2023-02-01T16:50:06Z | 32.81MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [libcxx-objects-v22.2.0-linux-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/libcxx-objects-v22.2.0-linux-arm64.zip) | 2023-02-01T16:46:31Z | 4.38MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [libcxx-objects-v22.2.0-linux-armv7l.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/libcxx-objects-v22.2.0-linux-armv7l.zip) | 2023-02-01T16:40:28Z | 1.91MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [libcxx-objects-v22.2.0-linux-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/libcxx-objects-v22.2.0-linux-x64.zip) | 2023-02-01T16:49:51Z | 4.37MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [libcxxabi_headers.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/libcxxabi_headers.zip) | 2023-02-01T16:49:54Z | 8.83KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [libcxx_headers.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/libcxx_headers.zip) | 2023-02-01T16:49:53Z | 1.30MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-darwin-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-darwin-arm64.zip) | 2023-02-01T19:03:34Z | 55.93MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-darwin-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-darwin-x64.zip) | 2023-02-01T19:14:14Z | 56.90MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-linux-arm64-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-linux-arm64-x64.zip) | 2023-02-01T16:46:43Z | 122.51MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-linux-armv7l-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-linux-armv7l-x64.zip) | 2023-02-01T16:40:34Z | 64.57MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-linux-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-linux-x64.zip) | 2023-02-01T16:50:04Z | 58.65MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-mas-arm64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-mas-arm64.zip) | 2023-02-01T19:03:23Z | 55.93MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-mas-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-mas-x64.zip) | 2023-02-01T19:16:07Z | 56.90MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-win32-arm64-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-win32-arm64-x64.zip) | 2023-02-01T16:44:40Z | 58.79MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-win32-ia32.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-win32-ia32.zip) | 2023-02-01T16:43:13Z | 56.09MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [mksnapshot-v22.2.0-win32-x64.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/mksnapshot-v22.2.0-win32-x64.zip) | 2023-02-01T16:42:49Z | 65.24MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [SHASUMS256.txt](https://registry.npmmirror.com/-/binary/electron/22.2.0/SHASUMS256.txt) | 2023-02-01T19:18:55Z | 7.42KB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [v22.2.0.tar.gz](https://registry.npmmirror.com/-/binary/electron/22.2.0/v22.2.0.tar.gz) | 2023-02-01T19:22:25Z | 10.03MB | | ![[DIR]](https://gw.alipayobjects.com/mdn/rms_fa382b/afts/img/A*FKvWRo-vns4AAAAAAAAAAAAAARQnAQ) | [v22.2.0.zip](https://registry.npmmirror.com/-/binary/electron/22.2.0/v22.2.0.zip) | 2023-02-01T19:22:25Z | 11.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 最后修改: ? 允許規范轉載 打賞 贊賞作者 支付寶微信 贊 如果覺得我的文章對你有用,請隨意贊賞