Electron安裝打包指南

2022-01-11 06:02:16 字數 3428 閱讀 4636

當前環境debian linux-deepin

wget
解壓,解壓後在當前盤多了個資料夾node-v14.15.1-linux-x64.(可自行改名)

sudo tar -zxvf node-v14.15.1-linux-x64.tar.gz
建立軟鏈結

sudo ln -s /盤路徑/node-v14.15.1-linux-x64/bin/node /usr/local/bin/

sudo ln -s /盤路徑/node-v14.15.1-linux-x64/bin/npm /usr/local/bin/

檢視版本

node -v

npm -v

1、解除安裝npm

sudo npm uninstall npm -g
2、解除安裝node

sudo apt-get remove nodejs npm -y
3、檢查是否還存在

sudo rm -rf /usr/local/lib/node*

sudo rm -rf /usr/local/include/node*

sudo rm -rf /usr/local/bin/node*

sudo rm -rf /usr/local/node*

npm config set electron_mirror=
檢視當前映象源

npm config get registry
採用命令全域性安裝electron。

npm install electron -g
建立軟鏈結

sudo ln -s /盤路徑/node-v14.15.1-linux-x64/bin/electron /usr/local/bin/
檢視當前electron版本

electron -v
建立乙個資料夾surround:

mkdir surround && cd surround
建立乙個包檔案

npm init -y
生成乙個該項目的描述檔案package.json

,

"keywords": ,

"author": "",

"license": "isc"

}

建乙個main.js檔案,並加入如下js內容。

function createwindow ()

})win.loadfile('index.html')

} if (process.platform !== 'darwin')

})對應於main.js中載入的網頁位址,新建乙個html頁面。

we are using node,

chrome,

and electron.

更改新建專案階段所建立的package.json檔案,內容為如下

進入到surround資料夾內,按照命令啟動程式即可

electron .
或是在package.json中變更為如下指令碼

}

則可通過如下命令啟動程式

npm start
如顯示如下錯誤,不要用sudo打頭即可。

本次使用electron-packager,來完成打包工作,並採用全域性安裝。

npm install electron-packager -g
建立軟鏈結

sudo ln -s /當前node資料夾路徑/node-v14.15.1-linux-x64/bin/electron-packager /usr/local/bin/
更改package.json檔案,增加依賴項,可通過electron -v檢視當前electron版本,將依賴項加入到devdependencies節點內。

,

"devdependencies":

}

執行安裝依賴模組命令

npm install
當前資料夾下多了node_modules資料夾,存放當前專案依賴的模組,並還多了乙個package-lock.json檔案,該檔案用於鎖定當前依賴的模組**及版本號。

在當前資料夾內,採用全域性命令打包形式,依照如下命令打包。

指令碼格式對照(僅限如上使用到的)

electron-packager 

專案位置 . 代表當前資料夾下

打包專案名稱

目標執行平台

底層架構型別

可選配置

或者將命令寫入package.json中,執行npm run-script package

,

"devdependencies":

}

再執行如下命令打包

npm run-script package
最終都會在當前資料夾內多出乙個out資料夾,其中放置著打包好了的程式。

內部詳細檔案為應用具體檔案

如此,完成好了打包的應用程式,直接執行surround可執行程式是沒得問題的。

2020-12-14,望技術有成後能回來看見自己的腳步

electron打包分發

原始的方式打包 然後把對應的專案方便整理成這樣的目錄結構 windows下 node modules重新安裝,不然可能啟動失敗 把整資料夾給別人就可以了如果想改名子可以用改名工具rcedit 應用程式打包成乙個檔案 npm install g asar electron resources 1和2如...

Electron 打包注意項

本文主要講的是在用electron打包現有的工程時遇到的問題,然後怎麼解決 1.html頁面引用的js檔案不起作用?注意jquery的引用最好放在第一位 1 全域安裝jquery 全域外掛程式不能帶 js 副檔名,require裡不要帶檔案字尾 2 非全域安裝jquery stackoverflow...

electron 打包問題彙總

1 安裝之後,執行electron packager 一動不動,有兩個原因 第一 因為版本過高問題,所以降低版本成功 使用 npm install electron packager 13.0.1 g 第二 用npm 安裝 別用cnpm 解決 2 在通過vs code 執行 electron進行打包...