qqtools的技术栈为Node@16 + Pug + Sass + TypeScript + React + antd + Webpack + Electron。包管理器使用corepack。
qqtools包含三个子模块,使用lerna管理:
- qqtools: 软件源代码
- main:Electron主程序运行源代码
- app:编译程序主目录。只在编译时用到
在开发或编译之前,你需要先安装Node,然后安装Yarn。
安装依赖
由于国情,我们需要在Windows上配置Electron的淘宝npm镜像,然后安装。在linux或MacOS上,直接通过命令
ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ yarn install
安装依赖。
然后运行npm run install:babel
,安装babel插件。
开发
- main模块:进入
packages/main
,运行npm run start
,开发主程序源代码;
或运行npm run dev
,编译开发环境的主程序源代码。
- qqtools模块:进入
packages/qqtools
,运行npm run dll
,然后运行npm run start
。 - qqtools模块:进入
packages/qqtools
,运行npm run runel
,启动软件。
编译
- main模块:进入
packages/main
,运行npm run build
,编译主程序源代码。 - qqtools模块:进入
packages/qqtools
,运行npm run build
,编译软件源代码。 - 运行
node scripts/unpack.mjs
,打包软件。 - 运行
node scripts/clean.mjs
,删除软件中的无用的文件。