electron-template's Introduction

Electron Template

Electron Template 是一个基于 vue-cli-plugin-electron-builder 框架的开源项目模板。

基于该模版开发的项目案例

electron + vue3 + element-plus + pinia: https://github.com/xieerduos/electron-ffmpeg-video-to-gif

快速开始

安装项目依赖

npm install

安装过程中遇到问题？

npm install --ignore-engines --legacy-peer-deps

启动项目

npm start

打包构建

npm run electron:build

代码检查和修复

npm run lint

自定义配置

Vue Cli https://cli.vuejs.org/config/

vue-cli-plugin-electron-builder https://github.com/nklayman/vue-cli-plugin-electron-builder

生成图标

https://www.npmjs.com/package/electron-icon-builder

把 public/logo.png 换成你自己的，运行下面命令

npm run logo

Electron Mac 系统托盘图标失真问题electron-mac-tray-icon-distortion.md

常见问题

遇到问题了？可以先看看这里docs/FrequentlyAskedQuestions.md有没有答案

License

Licensed under the MIT license.

electron-template's People

Contributors

Stargazers

Watchers

electron-template's Issues

在主线程中不能使用在class 中声明成员，运行报错

示例：
// src/main/background.js
class MyClass {
name = '';
constructor() {
this.name = '123';
}
}
const my1 = new MyClass();
console.log('output->my1', my1);

//运行报错
// yarn electron:build

ERROR Failed to compile with 1 errors 14:49:34

error in ./src/main/background.js

Module parse failed: Unexpected token (144:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
| class MyClass {