當前環境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進行打包...