1
下载nodejs:https://nodejs.org/en/download/
解压:tar -xvf /home/liusiyi/下载/node-v14.17.3-linux-x64.tar.xz -C /usr/local
改名:mv /usr/local/node-v14.17.3-linux-x64 /usr/local/nodejs
在sudo用户下:设置全局变量:vi /etc/profile 文件
export NODEJS_HOME=/usr/local/nodejs
export PATH=$PATH:$NODEJS_HOME/bin
export NODEJS_PATH=$NODEJS_HOME/lib/node_modules
保存,source /etc/profile
查看安装情况:node —version
在nodejs中的bin目录下添加软连接:
ln -s /usr/local/nodejs/bin/node /usr/local/bin/node
ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm
在查看版本: node —version
npm —version
2
2.1创建文件夹:mkdir electron-file
进入文件夹:cd electron-file
2.2全局安装electron
法1:npm install -g electron-forge
我用的方法是:sudo npm install electron —unsafe-perm=true
等待……可以查看下载进度:npm install —verbose electron
安裝完成後,在项目目录下 初始化npm包:npm init 生成了 package.json
配置.json(了解下里面的定义,属性) 增加start命令,以后在开发模式下打开应用:npm start
注意三个文件:主进程:main.js(在项目的目录下创建)。
初始化的.json文件(会查找main的值,就是主进程文件)
创建页面:.html(包括连接的.js、.css文件
2.3开始编写main.js文件
2.4把electron安装到项目应用的开发依赖中:npm install electron —save-dev
等待……会生成一个package-lock.json文件;
并在终端项目目录下执行 :npm start 查看运行情况
3
打包并分发应用程序
3.1打包方式选择Electron Forge,并添加到应用的开发依赖中:
npm install —save-dev @electron-forge/cli
使用import命令设置Forge:npx electron-forge import
等待出现……
✔ Checking your system
✔ Initializing Git Repository
✔ Writing modified package.json file
✔ Installing dependencies
✔ Writing modified package.json file
✔ Fixing .gitignore
We have ATTEMPTED to convert your app to be in a format that electron-forge understands.
Thanks for using “electron-forge”!!!
3.2使用Forge的make命令创建可分发的应用程序:npm run make
等待进度……
> my-electron-app@1.0.0 make /my-electron-app
> electron-forge make
✔ Checking your system
✔ Resolving Forge Config
We need to package your application before we can make it
✔ Preparing to Package Application for arch: x64
✔ Preparing native dependencies
✔ Packaging Application
Making for the following targets: zip
✔ Making for target: zip - On platform: darwin - For arch: x64