好的,下面是完整的安装语句,分为两部分:在有网络连接的机器上打包 electron
及其依赖项,在没有网络连接的机器上安装这些离线包。
在有网络连接的机器上打包 electron
及其依赖项
bash
# 创建一个目录来存放离线包
mkdir offline-packages
cd offline-packages
# 下载 electron 包
npm pack electron
# 下载 electron 的依赖项(假设 @electron/get 是一个依赖项)
npm pack @electron/get
# 将生成的 .tgz 文件复制到目标机器上的某个目录
# 例如:E:\new\clipboard-saver\my-electron-app\offline-packages
cp electron-*.tgz /path/to/target/machine/E:/new/clipboard-saver/my-electron-app/offline-packages/
cp @electron/get-*.tgz /path/to/target/machine/E:/new/clipboard-saver/my-electron-app/offline-packages/
在没有网络连接的机器上安装离线包
bash
# 创建项目目录并初始化一个新的 Node.js 项目
mkdir my-electron-app
cd my-electron-app
npm init -y
# 创建 offline-packages 目录并将 .tgz 文件放入该目录
mkdir offline-packages
# 安装离线包
npm install ./offline-packages/electron-33.2.0.tgz --save-dev
npm install ./offline-packages/@electron/get-2.0.3.tgz --save-dev
# 验证已安装的 Electron 版本
npx electron -v
# 创建主进程文件 main.js
echo "const { app, BrowserWindow } = require('electron')
function createWindow () {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
win.loadFile('index.html')
}
app.whenReady().then(() => {
createWindow()
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit()
}
})" > main.js
# 创建 HTML 文件 index.html
echo "<!DOCTYPE html>
<html>
<head>
<title>My Electron App</title>
</head>
<body>
<h1>Hello, Electron!</h1>
</body>
</html>" > index.html
# 修改 package.json
echo "{
\"name\": \"my-electron-app\",
\"version\": \"1.0.0\",
\"description\": \"\",
\"main\": \"main.js\",
\"scripts\": {
\"start\": \"electron .\"
},
\"devDependencies\": {
\"electron\": \"^33.2.0\"
}
}" > package.json
# 运行应用
npm start
说明
-
在有网络连接的机器上:
- 创建一个目录
offline-packages
来存放离线包。 - 使用
npm pack
命令下载electron
及其依赖项(如@electron/get
)。 - 将生成的
.tgz
文件复制到目标机器上的E:\new\clipboard-saver\my-electron-app\offline-packages
目录。
- 创建一个目录
-
在没有网络连接的机器上:
- 创建项目目录并初始化一个新的 Node.js 项目。
- 创建
offline-packages
目录并将.tgz
文件放入该目录。 - 使用
npm install
命令安装离线包。 - 验证已安装的 Electron 版本。
- 创建主进程文件
main.js
和 HTML 文件index.html
。 - 修改
package.json
文件以包含启动脚本。 - 运行 Electron 应用。