全国做网站的大公司,线上推广策略,平顶山做网站公司,网站开发报价环境要求 安装miniconda python 环境electron/rebuild用得着#xff0c;miniconda 默认自带的 python 是 3.11 版本#xff0c;比较新#xff1b; 安装virsual studio 2019 要把C桌面相关的都安装了#xff0c;大概需要20G#xff0c;不要安装到 C 盘#xff0c;都安装到…环境要求 安装miniconda python 环境electron/rebuild用得着miniconda 默认自带的 python 是 3.11 版本比较新 安装virsual studio 2019 要把C桌面相关的都安装了大概需要20G不要安装到 C 盘都安装到其他盘去 运行步骤 Franz原始代码因为需要运行 lerna所以需要 python 环境是 python2.7因为 package-lock.json 的原因第一次运行时绕不开删掉 package-lock.json 可能有其他问题 另外就是 package.json 把electron-rebuild 库更换为electron/rebuild: 3.6.0 的库这个库改名了旧库依赖的 node-gyp 版本太低只能用 python2.7而 conda 虚拟环境下的 python2.7 可能有点问题 接着就是全局再安装一遍electron/rebuild: 3.6.0 npm install electron/rebuild3.6.0 -g重构建时在默认环境下执行
下面是 conda 创建 python2.7 环境的命令
# python2.7 conda 创建和使用方式
conda create -n py27 python2.7
conda activate py27还需要配置全局msvs_version版本号为2019否则 npm run 时找不到具体的 vs 库
# 这样设置 node-gyp 才能找到vs版本 建议vs版本不要放在C盘 内容太大
npm config set msvs_version 2019 --global一切就绪后采用命令切换到 python2.7 环境然后运行npx lerna bootstrap,如果不切到 python2.7 环境则会报rU问题这个是 python2.7 语法问题 必须用conda 切换到python2.7环境 conda activate py2.7,然后再运行上面的安装依赖命令 运行npx lerna run build,来构建UI子包否则你运行npm run start本地是没有内容的这非常重要运行完毕后你会看到 packages.forms/theme/ui 文件夹下多出来一个 lib 文件夹这个会被用到没有这些内容Franz 的渲染进程无法执行你也看不到登录界面之前我在这里卡了很久 等第一次npx lerna bootstrap运行完后安装包就会正常安装如果你这时再在 py27 环境运行这段话就会报以下问题如果还想再运行这个命令直接重开一个 Terminal在里面运行npx lerna bootstrap 经过上面的倒腾你只需要在一个终端里npm run dev,来打包渲染进程的 react 代码并实现热更新另外再打开一个终端运行npm run start就能启动 Franz 了这个跟我们 electron-vue 有区别electron-vue 只是把两个命令用 runner.js 合二为一了但是我觉得这样更好逻辑解耦性较强 其他须知 lerna 是将多个项目代码放在一个代码库里,可以通过搭建私服来管理多个库B站有课这个也是我们未来探索的一个方向进一步按照 Franz 的方式将我们的代码进行解耦和隔离 npx lerna run build后你会发现packages.forms 下多了node_modules和lib两个文件夹 全局安装electron/rebuild: 3.6.0可以在多个 Electron 代码里进行 node-modules 库重建
npm install -g electron/rebuild3.6.0
npx electron-rebuildFranz通过router方式共用了登录和主界面的窗口没有额外创建窗口这种方式我们也可以借鉴 .npmrc 文件里最好配置上两个镜像以加快 builder 二进制库的下载这里其实你还能看到注释掉的 python 版本要求就是 2.7
ELECTRON_MIRRORhttps://npmmirror.com/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRRORhttps://npmmirror.com/mirrors/electron-builder-binaries/
运行说明 npm run start 主进程不打印日志这是因为默认electron命令会忽略console.log的输出可通过配置环境变量开启我是直接通过将这个设置放到了 start 命令里了如 set ELECTRON_ENABLE_LOGGING1 electron --inspect5858 ./build 这样启动就可以打印详细日志
