
electron
一个新手的electron学习笔记,大部分都是个人的理解或经验,可能会有错误或不太理解的地方
炽烈妖凰
软件新手上路,学习路线:
Java SE,Web前端,MySQL--->MVC设计模式,Web后端,react框架--->SSM框架--->spring boot框架,spring cloud框架--->vue,设计模式,算法--->前后端分离,分布式
展开
-
Electron常用事件和输出乱码问题
开发文档开发文档传送门 app常用事件app会发出的所有事件都能在传送门中的文档里查看:app常用事件Api传送门在事件发出时执行某个方法可以通过下方代码实现:const { app } = require('electron') //获取appapp.on('事件名', () => { //需要执行的方法})ready:当Electron完成初始化时被触发。开始时打开一个窗口:function createWindow () { // Create原创 2020-07-31 11:37:15 · 5225 阅读 · 1 评论 -
Electron进程和调试方法
进程Electron进程分为主进程和渲染进程主进程:electron运行package.json的main脚本的进程就是主进程。主进程通过创建web页面展示用户界面,创建窗口等所有系统事件都在主进程中进行;一个electron项目一定有且只有一个主进程。渲染进程:用户所能看到的web页面或者说窗口都是渲染进程,一个web页面就是一个渲染进程。每个渲染进程都是独立的,只作用于自己运行的界面。主进程和渲染进程的区别:主进程可以创建页面(窗口),一般通过BrowserWindow创原创 2020-07-30 11:48:04 · 988 阅读 · 0 评论 -
Hello world程序结构
项目文件结构项目文件结构可以直接打开文件夹查看,也可以通过编译器查看(推荐用Visual Studio Code)。用VSCode打开项目后看到项目文件结构如下:node_modules:用于存放项目需要用到的依赖包等资源.gitignore:暂时不清楚是什么index.html:项目需要用到的一个html文件LiCENSE.md:暂时不清楚main.js:项目的主进程package.json:项目配置文件,用来编写对项目的配置其他主要就是一些js文件(渲染进程)。程序packag原创 2020-07-30 10:54:05 · 238 阅读 · 0 评论 -
Electron示例程序(Hello world)的下载和运行
操作步骤electron官方提供了一个示例项目(Hello world程序)的GitHub地址,只需要克隆它的仓库即可获取示例项目,操作均在cmd.exe中执行,操作步骤在这个示例项目地址页面中有写出。大致的意思是我们需要在电脑上安装Git和带有npm的Node.Js,并且用命令行去克隆和运行这个仓库,并且它在下面为我们给出了命令行。示例项目地址:https://github.com/electron/electron-quick-start 下载和配置Git首先要下载Git,进入官原创 2020-07-29 21:33:36 · 654 阅读 · 0 评论 -
Electron简介及环境搭建
Electron官网链接: https://electronjs.org/ 简介定义electron是由GitHub开发的,用HTML、CSS和JavaScript构建跨平台桌面应用的一个开源库。它通过将Chromium和Node.Js合并到同一个运行时环境中,并将其打包为Mac、Windows和Linux系统下的应用来实现这一目的。特点简单易上手:只要会前端的知识即可开发桌面应用跨平台:一套app在Mac、Linux、Windows上都可以运行自动更新:代码本质上是前端网页代原创 2020-07-29 17:34:04 · 307 阅读 · 0 评论