一、首先应该明白两个概念，主进程和渲染进程， 主进程相当于是一个框架，而渲染进程则是往这个框架里填充的东西；在electron的应用中，主进程用于构建应用程序的框架，包括形成的桌面应用程序的边框、菜单、图标等等；而渲染进程则是各个网页，这些网页填充在主进程构建的框架中，组成了我们的实际应用程序；二、然后
https://www.electronjs.org/有的时候 样式更新不过来 ctrl + r调试面板 ctrl + shift + i一、Electron技术架构 Electron集成了chromium与node.js,将他们整合到一个运行环境中，允许我们使用web技术 html、css、js来构建桌面应用程序，并且能过通过一些与操作系统无关的api 访问windows\macosChromi
开发环境介绍主机操作系统：Windows7Python版本：Python 2.7.12node版本：v8.9.3npm版本：v5.5.1cnpm版本：v6.0.0Electron版本：v2.0.7提示：Windows7 / Server 2008 R2 或更高Visual Studio 2017 - 免费下载 VS 2017 Community EditionPython 2.7.12Node.j
文章目录一、引言二、流程三、Electron、Vue.js相关环境搭建四、使用Vue.js进行开发五、使用Electron进行开发六、项目打包七、项目发布 一、引言最近用Electron + Vue.js写了一个小工具——事项提醒小工具⏰。这篇文章总结一下Electron结合Vue.js开发、打包流程?。二、流程整个项目开发流程是这样的三、Electron、Vue.js相关环境搭建环境如下Nod
可以运行的electron开源小项目 文章目录可以运行的electron开源小项目1. vue-electron-notes笔记软件安装依赖本地启动项目构建安装包2 Electron API 演示(中文版)构建3. wallhaven-electron4. 番茄钟?⏰5.electron-egg 模板6.tasky 前阵子为了学习一下electron,找了不少开源小项目来练手，现在汇总一下。 可惜
转载
2023-07-20 14:28:09
276阅读
如何用 Vue.js + Electron 把你的 Python 控制台应用套上好看的 GUI[0]引言技术调研基本情况我为什么没有选择 Qt、Tkinter、pyQt 和 MATLAB 的 GUI 工具箱基于 WEB 的技术的优势做出了一个什么东西 引言通常，捉虫的程序员总是活跃在月黑风高的后半夜。漫漫长夜过后，看到项目里的虫子终于应捉尽捉，幸运的嵌入式/算法/测试程序员总算可以长舒一口气。但
作为一个跨平台的桌面应用开发框架，Electron 的迷人之处在于，它是建立在 Chromium 和 Node.js 之上的 —— 二位分工明确，一个负责界面，一个负责背后的逻辑，典型的「你负责貌美如花，我负责赚钱养家」。上面这张图很好的说明了 Electron 的强大之处。 也不难理解，为什么 Electron 能开发跨平台的桌面应用了。 但是，不同系统间还是会有很
转载
2023-09-12 16:49:19
172阅读
1.初始化工作midir electron-demo
cd electron-demo
npm init
//到package.json 文件下将入口文件修改为main.js
"main": "main.js",
//并且创建main.js文件
//electron 安装依赖
npm i electron -S
//安装nodemon
npm install nodemon -D修改pa
一、环境搭建教程1：在原有 Vue 项目上添加 Electron1，Electron 介绍（1）Electron 是由 Github 开发，用 HTML、CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库。Electron 通过将 Chromium 和 Node.js 合并到同一个运行时环境中，并将其打包为 Mac、Windows 和 Linux 系统下的应用来实现这一目的。简
会在后续的博客中发布一系列关于Electron相关的内容，从项目生成到打包成可执行程序 。及通过Electron中的addon插件编写，实现与硬件交互可以用于开发工业相机，和其它一些工业领域设备。理论上来说只要有c/c++sdk的硬件都可以在Electron中使用。1、安装NVM
(在实际开发过程中，我们开发环境中可能会存在多个 node版本，NVM为了方便我们管理本地node版板)NVM下载链接
创建简单的Electron程序 1、首先，切换到你的项目空间，我的在 D:\ProjectsSpace\ElectronProjects\ElectronTest，ElectronTest是案例项目文件夹 ①、打开cmd，切换到自己的项目文件目录 然后输入命令 npm init创建 package.json文件， 然后按照步骤一步一步来，一直到最后 最后成功的图： 内容为：{
"n
一、前言前面的课程已经讲述了什么是Electron，Electron的基本原理，Electron的工程化，如，怎么和React结合，怎么打包，怎么更新。Electron的基本原理，如主进程、子进程，进程间通信，Electron的窗口实现，Electron的基础结构等。 那么，今天，我们主要看看Electron的主要能力，也就是Electron能做些什么，同时对之前的课程进行加强和补充。二、基本概念
全文共1199字，预计学习时长3分钟图源：unsplash程序员常常会根据自己的喜好和项目类型用不同的方式写代码。如果一个软件项目规模很大且发展迅速，他们通常会把整个任务分解成好几个文件，从而实现可维护性。然而，一些程序员经常将一些很好的想法转变为单个文件的开源项目。我从Github中发现了下面的项目，并且将其中一些用到了我的项目中。这些项目仅有一个包含了主要源代码的文件。WebviewElect
Electron是什么Electron是一款利用Web技术开发跨平台桌面应用的框架，它的前身是Atom Shell。从它前身的名字可以看出，Electron的诞生，离不开GitHub开源编辑器Atom的发布。Electron和NW.js（前身是Node-Webkit）有很多相似的地方，两者都是利用NodeJS和Webkit渲染器解释JavaScript和渲染HTML，使Web技术应用于桌面应用，但
转载
精选
2016-06-16 15:49:10
833阅读
Electron 的背景信息搭建完这个 Electron 项目后，相信大家对 Electron 已经有了初步的认知，接下来我们可以查看文档来获取 Electron 更多的背景信息： https://electronjs.org/docs/tutorial/about我们知道 Electron 使用了 Chromium 的渲染库，我们可以把它看作一个精简版的 Chromium 浏览器。E
前言：最近因为要帮别人做一个Mac和Windows平台下都使用的桌面应用，功能很简单，就是一个文本编辑器，所以大致了解了一下跨平台桌面应用开发的框架，知乎上多半是 Electron 和 NW.js，其中 Electron 比较成熟的产品有：Github开发的Atom代码编辑器（已经开源）、微软的Visual Studio 、facebook的 nuclide 和 slack等。什么是
前言通过Electron技术 + python 构建桌面应用实际上非常麻烦，需要使用python构成后端并打包，然后使用Vue作为前端，还要用Electron打包。
但是好处就是可以同时得到来自前端UI框架的高颜值支持以及python海量轮子的快速实现（以及较为完善的多端部署功能），项目可以快速扩展成全平台应用。
所以我在这个博客里记录了Python + Vue Electron 构建桌面应用的方
转载
2023-07-05 22:47:46
3203阅读
Hello，Electron！在这一节中，我们将创建一个最简单的Electron应用1、新建项目 选择新建项目，在左侧项目语言栏选择Node.js项目，项目位置选择自己创建项目的路径，我这里的路径是E:\python\Electron 如果前面环境准备章节没有问题，nodejs和npm安装成功的话，在Node.js项目新建界面底部更多设置会自动识别出node节点解释器的位置以及npm软件包
转载
2023-07-20 14:28:55
422阅读
当Python项目编码完成之后，有时候我们需要让其在没有Python环境的电脑上运行，此时我们就需要将Python项目进行打包了。本篇文章主要是基于Python的第三方库pyinstaller进行的。使用pyinstaller打包Python项目，相对于C和C#项目的打包要简单很多。项目地址pyinstaller gitpyinstaller安装pip install pyinstaller环境要
写在前面注: 如果您是第二次阅读本文, 推荐直接阅读 快速开始 章节以快速复现最终运行效果.本文所涉及文件已存放在网盘空间: https://www.jianguoyun.com/p/DdlvwhwQ7t6sBxjJkcoB 欢迎下载使用.概述本文是基于一个 python 开发者的角度, 尝试使用 electron 来开发桌面应用.请注意本文只是一个面向新手的文章. 内容涉及 如何让 electr
