Frank Project Introduction

❤️ 使用教程 🫰 提供建议 🚨反馈BUG 🚩软件下载

项目介绍

Frank是一款基于Electron18+Vue3, 开发的一款桌面应用程序,主要功能如下所示:

💡 自动启动游戏|隐藏分查询|真实实力分析|秒选英雄|秒禁英雄|自动接受对局|国服数据排行榜

💡 查看英雄对位压制|查看英雄优势对线|符文配置|自动配置符文|匹马信息可视化展示

💡 发送匹马信息到聊天界面|查看召唤师战绩|查看召唤师绝活英雄|查看召唤师战绩详情

Project setup

管理员权限启动项目, 或者打开IDE的时候选择管理员权限打开

yarn install

electron 可能会安装失败, 执行下列命令后, 再次执行yarn install
yarn config set ELECTRON_MIRROR https://npmmirror.com/mirrors/electron/

启动项目

yarn electron:serve

编译项目

yarn electron:build

目录结构

project
│
├─resources
│      app-icon.png  项目图标
│      riotgames.pem HTTP2验证文件
└─src
    │─background.js 主进程
    │
    ├─render 渲染进程
    │  │  App.vue
    │  │  main.js
    │  │
    │  ├─assets 资源
    │  │  ├─css
    │  │  ├─fonts
    │  │  ├─icon
    │  │  ├─runes 符文图标
    │  │  └─tLevel英雄梯度图标
    │  │
    │  ├─components 组件
    │  │  ├─assist 助手
    │  │  │      assistWindow.vue 助手组件入口文件
    │  │  │      champRank.vue    国服榜单页面
    │  │  │      rune.vue         符文配置页面
    │  │  │
    │  │  ├─home 主页
    │  │  │      appMain.vue 首页
    │  │  │      dashboard.vue header
    │  │  │      fbottom.vue bottom
    │  │  │      index.vue 主页组件入口文件
    │  │  │      realPower.vue 真实实力分析
    │  │  │      setting.vue 设置界面
    │  │  │
    │  │  └─matchHistory 战绩查询
    │  │         barKDA.vue 匹马信息可视化图表
    │  │         gameDetails.vue 游戏对局详细数据
    │  │         index.vue 战绩查询组件入口文件
    │  │         leftCard.vue 左侧召唤师基本信息
    │  │         standing.vue 召唤师历史战绩
    │  │
    │  ├─directives 窗口拖动
    │  │
    │  ├─router 路由
    │  │
    │  └─store pinia
    │
    └─utils
        ├─league-connect 连接英雄联盟客户端
        │
        ├─main 主进程工具函数
        │
        └─render 渲染进程工具函数