qqtools的技术栈为Node@16 + Pug + Sass + TypeScript + React + antd + Webpack + Electron。包管理器使用corepack。

qqtools包含三个子模块,使用lerna管理:

  • qqtools: 软件源代码
  • main:Electron主程序运行源代码
  • app:编译程序主目录。只在编译时用到

在开发或编译之前,你需要先安装Node,然后安装Yarn。

安装依赖

由于国情,我们需要在Windows上配置Electron的淘宝npm镜像,然后安装。在linux或MacOS上,直接通过命令

  1. ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ yarn install

安装依赖。

然后运行npm run install:babel,安装babel插件。

开发

  1. main模块:进入packages/main,运行npm run start,开发主程序源代码;

或运行npm run dev,编译开发环境的主程序源代码。

  1. qqtools模块:进入packages/qqtools,运行npm run dll,然后运行npm run start
  2. qqtools模块:进入packages/qqtools,运行npm run runel,启动软件。

编译

  1. main模块:进入packages/main,运行npm run build,编译主程序源代码。
  2. qqtools模块:进入packages/qqtools,运行npm run build,编译软件源代码。
  3. 运行node scripts/unpack.mjs,打包软件。
  4. 运行node scripts/clean.mjs,删除软件中的无用的文件。