最近项目中需要在国产系统中开发软件应用,于是有了此文的诞生, 作为基本搭建的参考
一、安装node
1、下载node
访问官网(nodejs.org/en/download…), 统信是基于Linux来开发, 需要下载红框中的版本(此步没有使用命令安装,是为了保稳,之前虚拟机安装出过问题, 最后使用的安装包安装)
2、配置node环境
- 编辑环境变量
sudo vim /etc/profile
- 在文件末尾添加
export NODE_HOME=/home/tool/node-v14.16.0-linux-x64
export PATH=$PATH:$NODE_HOME/bin
路径可以直接复制, 复制出来格式为(file:///home/usr/node), 去掉file://即是上面NODE_HOME需要配置的地址
- 保存退出后, 重启环境变量
source /etc/profile /etc/bash.bashrc
当在终端中能查询node或者npm版本就生效了, 如果上面配置都成功了, 访问不到版本, 可以试下重启电脑
二、安装vsCode
是的,真正的从零开始, 这个环境中连开发工具都没有, 此处为了方便, 是直接在统信系统的应用商店中直接下载的,
三、搭建electron
参考了掘金课程中的Electron应用开发实践指南, 使用了electron-vite进行搭建
- 此处可能网络原因卡住, 多尝试几次即可
npm create @quick-start/electron
- 此处依赖同样可能由于网络原因下载不下来, 在下载依赖阶段,无奈只能中断流程, 直接进入刚创建的项目手动执行npm i下载相关依赖
✔ Project name: … <electron-app>
✔ Select a framework: › vue
✔ Add TypeScript? … No / Yes
✔ Add Electron updater plugin? … No / Yes
✔ Enable Electron download mirror proxy? … No / Yes
Scaffolding project in ./<electron-app>...
Done.
四、运行electron
-
开发阶段
会报以下错误
FATAL:setuid_sandbox_host.cc(158)] The SUID sandbox helper binary was found, but is not configured correctly. Rather than run without sandboxing I'm aborting now. You need to make sure that /home/user/Desktop/aep/source/build/linux-unpacked/chrome-sandbox is owned by root and has mode 4755.
解决方法: 终端中执行下面命令, 参考文章(stackoverflow.com/questions/5…)
sudo sysctl kernel.unprivileged_userns_clone=1
-
打包阶段
执行
npm run build:linux
, 打包出来deb格式的安装包,点击执行安装, 系统即可搜索到该软件
或者到平台的软件目录中也可以找得到刚安装的软件