- 综合排序
- 最热优先
- 最新优先
- 来自专栏有困难要上，没有困难创造困难也要上！
Electron 创建桌面应用
$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org 安装 electron 这里我是使用的全局 $ sudo cnpm install -g electron 创建应用 一个 Electron 应用的目录结构大致如下： myapp/ ├── package.json ├── main.js └── index.html main.js" } } main.js const {app, BrowserWindow} = require('electron'); const path = require('path' ，然后运行 $ electron . "scripts": { "start": "electron main.js" } 所以也可以使用 npm 来运行 $ npm install $ npm start
1.7K160发布于 2018-05-14 - 来自专栏余生开发
electron———桌面应用开发
Electron 基于 Chromium 和 Node.js, 可以理解为在软件中打包了一个浏览器以支持运行桌面应用，用开发web的方式进行开发，跨平台兼容 1环境搭建 1.1 先全局安装脚手架 （如已经安装，可以跳过） npm install -g electron npm install -g electron-forge （安装electron-forge模板） 1.2 用模板 创建项目 electron-forge init notepad(项目名) 1.3 安装依赖 （安装依赖时建议使用cnpm淘宝镜像 npm会有访问外国网站被卡） cd notepad npm install 1.4 运行 electron-forge start或 npm start 2.打包exe
1.9K10发布于 2018-10-15 - 来自专栏一番码客
electron桌面应用开发（三）
本文目录： 前言js启动python创建python文件在index.js中调用python参考一番今日 前言 前面我们实践了用electron-vue和element-ui的开发环境搭建，实现了一个入门 demo，知道了怎么让这个程序运行起来，今天我们来探究下如何用electron里的js主程序调用python程序。 pyProc = null pyPort = null } app.on('ready', createPyProc) app.on('will-quit', exitPyProc) 参考 electron
1.4K10发布于 2019-10-08 - 来自专栏一番码客
electron桌面应用开发（一）
本文目录： 前言新建项目安装vue初始化一个electron-vue项目结语参考 前言 关于electron，前两天一番写了一个开头，搭建开发环境。今天一番尝试去开发一个小的例子，做一些修改。 网上搜了一下electron element ui，很多都是结合vue，一番也不是做前端的，只知道这个vue好像最近在前端挺火的。 前面一篇electron的文章我们已经安装了node和npm。 安装vue npm install -g vue-cli ? 运行 初始化完后，我们就可以进入项目目录运行这个electron-vue项目了。执行如下命令运行。 参考 electron-vue 集成 element-ui 一番雾语：方法很重要，方法的改进需要以好身体为基础的精气神。
1.6K20发布于 2019-09-29 - 来自专栏一番码客
electron桌面应用开发（四）
本文目录： 前言js系统命令调用函数spawn调用`spawn`可能遇到的问题require函数参考一番今日 前言 上一篇electron的文章我们尝试了用在js里调用python，虽然一番之前没有接触过
1.8K20发布于 2019-10-08 - 来自专栏一番码客
electron桌面应用开发（五）
本文目录： 前言python处理electron部分参考一番今日 前言 前一篇一番实现了在js里调用python程序，这一篇一番试图将electron页面上输入的一些参数传递给python程序。 ) print('start running on {}'.format(addr)) s.run() if __name__ == '__main__': main() electron } else { result.textContent = res } }) }) formula.dispatchEvent(new Event('input')) 参考 electron-vue 文档 electron作为python界面开发入门
1.9K30发布于 2019-10-08 - 来自专栏一番码客
electron桌面应用开发（二）
前言 今天接着上一篇electron的文章往下写。操作仍然是在win10下的powershell下进行的。主要记录element-ui的安装与使用。 src/main：electron主进程。 src/renderer：electron渲染进程，包含Vue的所有代码。 process.env.IS_WEB) Vue.use(require('vue-electron')) Vue.http = Vue.prototype. 参考 [electron-vue 集成 element-ui](https://blog.csdn.net/ucmir183/article/details/89277492) [Electron-vue 实战—搭建项目与安装Element UI](https://www.cnblogs.com/suRimn/p/11101671.html) [文档|Electron](https://electronjs.org
1.5K20发布于 2019-10-08 - 来自专栏一番码客
electron桌面应用开发（六）
本文目录： 前言electron的地位electron中js通过web socket与python通信效果图参考一番今日 前言 今天该务实了。 electron的地位 如果我们在网上搜索electron相关的文章，发现很少。原因其实electron只是提供了一个运行js的框架，基本不用开发。 electron的地位就相当于浏览器的地位，electron就是一个封装了的浏览器。因此，我们做electron开发，其实就是做js前端开发。 当然，一番以前没有接触过前端开发，electron也没接触过，也许认知有些狭隘，但思路是这样的。 time import hashlib import base64 import socket import time import types import multiprocessing import os
2.2K30发布于 2019-10-15 - 来自专栏西安-晁州
使用Electron开发桌面应用
Electron 框架的前身是 Atom Shell，可以让你写使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。 Electron 是开源的，由 GitHub 维护，有一个活跃的社区。最重要的是，Electron 应用服务构建和运行在 Mac，Windows 和 Linux。 安装Electron npm install electron-prebuilt -g //cnpm install electron-prebuilt -g 安装完毕后运行 electron -v //查看electron版本 # Clone this repository git clone https://github.com/electron/electron-quick-start # Go main.js代码： 'use strict'; const electron = require('electron'); const app = electron.app; const BrowserWindow
2.9K00发布于 2017-12-26 - 来自专栏余生开发
electron-vue———桌面应用开发
Electron 基于 Chromium 和 Node.js, electron-vue 基于election融合vue脚手架，来开发桌面应用，可以理解为在软件中打包了一个浏览器以支持运行桌面应用， 用开发web的方式进行开发，跨平台兼容 1环境搭建 1.1 先全局安装vue-cli脚手架 （如已经安装，可以跳过） npm install -g vue-cli 1.2 用electron-vue 模板 创建项目 vue init simulatedgreg/electron-vue my-project（项目名） 创建过程与常用脚手架创建过程基本无异； 1.3 安装依赖 （安装依赖时建议使用
1.6K30发布于 2018-10-15 - 来自专栏憧憬博客分享
AntDesignPro使用electron构建桌面应用
AntDesignPro使用electron构建桌面应用 注意事项声明 所有 node 包必须使用 npm 安装不可使用 cnpm 使用 cnpm 安装的 node 包会导致打包时间无限可能 具体区别查看使用 模块 global.electron = require('electron') 在 package.json 文件中加入启动命令 "scripts": { "electron-start ": "electron 使用 electron-packager 打包成 exe 文件 安装electron-package npm install electron-packager --save-dev package.json ", "scripts": { "electron-start": "electron .", }
2.7K40发布于 2020-08-12 - 来自专栏CSDN技术头条
开发桌面应用，自然用 Electron ！
在这个生态系统中，有一个分类就是用来开发桌面应用，成为了桌面 GUI，比较著名的包括 NW.js 和 Electron，其中，Electron 更有名气，连微软都使用 Electron 开发自己的 IDE 在很多年前，微软的 Windows 系统是 PC 操作系统领域绝对的霸主，后来苹果公司的操作系统（Mac OS X），以它的创新性和专业性，削弱了 Windows 的统治地位。 Electron 可以让你重用 Web 应用的代码来构建桌面应用，不仅如此，构建出来的应用可以同时在 Windows、Mac OS X 和 Linux 上运行，这有一个非常大的好处：代码和技能都可以复用 Electron 桌面应用相对于 Web 应用的优势有哪些呢？ 到现在为止，我们已经了解了 Electron 到底是做什么的，以及为什么要用 Electron 来构建桌面应用。
5.1K20发布于 2019-03-08 - 来自专栏start
React使用Electron开发桌面端
结合Electron框架，可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤： 1. 安装Electron 首先，你需要安装Electron。在终端中运行以下命令： npm install electron --save-dev 2. 创建Electron应用程序 使用Electron提供的CLI工具，你可以创建一个Electron应用程序。 总之，使用React和Electron一起开发桌面应用程序可以帮助你快速构建跨平台的应用程序，并提供许多强大的功能。通过使用React构建Web界面，你可以使用熟悉的工具和技术来构建应用程序。 如果你想构建一个桌面应用程序，React和Electron可能是一个不错的选择。
1.8K10编辑于 2024-03-20 - 来自专栏趣谈前端
electron桌面端Dooring搭建实战
之前有朋友希望我基于H5-Dooring开发一款桌面端应用, 最近刚好有时间, 就花了小半天时间从零使用electron开发了桌面端的离线软件Dooring-electron. 因为之前用electron比较少, 今天刚好学了一下, 也基本把前后端打通了, 文末我会放dooring-electron的github地址供大家参考学习. 如果大家有更好的方案, 可以随时和我讨论. dooring-electron架构介绍 熟悉Electron的朋友也许知道, Electron继承了来自 Chromium 的多进程架构，这使得Electron / dooring-electron的技术栈笔者使用的是: koa2 + electron + react + umi3 接下来我将给大家介绍如何学习使用dooring-electron. dooring-electron 如何快速学习electron 这里我来谈谈如何快速上手使用electron, 首先使用electron前大家最好具备如下知识基础: html + js + css 基础 熟悉nodejs基本api 有了以上基础
1.2K50编辑于 2022-04-06 - 来自专栏MixLab科技+设计实验室
技能：Electron开发桌面级应用
正文： 一、Electron是什么？ Electron提供了丰富的本地（操作系统）的API，使你能够使用纯JavaScript来创建桌面应用程序。 与其它各种的Node.js运行时不同的是Electron专注于桌面应用程序而不是Web服务器。 这并不意味着Electron是一个绑定图形用户界面（GUI）的JavaScript库。 还有最近，在结合 设计师会编程、程序员懂艺术的系列文章， 我开发了一个JS Playground for Desginer 的桌面应用。 ? 等系列文章更新完，会发布第一个版本。 electron-quick-start 5、运行electron，终端输入 electron . ps: 记得electron后面是个空格跟“.” 重命名electron-quick-start为你想要的名字就行啦～ Electron的教程网上搜索即可， 建议直接查看官方的英文原版文档。
1.9K50发布于 2018-04-16 - 来自专栏QQ音乐技术团队的专栏
electron 构建跨平台桌面应用
简介 Electron 是一款可以通过 Web前端技术 构建跨平台桌面应用的框架。 简单地说，通过 Electron，我们可以使用自己所熟悉的前端技术轻松构建出一款能运行在Windows, Linux 和 Mac 上的桌面级应用程序。 现阶段已有许多优秀的桌面应用都是基于 Electron 开发，其中如 Atom 编辑器，VS Code 和 Postman 等等都是我们所熟知的，下面列出这当中的部分应用，是不是看到了许多熟悉的图标呢？ 其他 当然 Electron 中还有许多实用的模块，如作为桌面应用必不可少的 Menu 和 Tray 模块、拥有调用当前操作系统功能的 Shell 模块、NW.js 中不具备的自动更新功能 - autoUpdater npm run build-mac 最后贴一张最近利用 Electron 构建的桌面版豆瓣FM的截图： ?
4.1K110发布于 2018-01-31 - 来自专栏一番码客
electron桌面应用开发（七）-electron-vue基本概念
渲染器进程（renderer目录）：Electron 中的每个网页都在自己的进程中运行，称为渲染器进程 (renderer process)。 vuex模块：electron-vue 利用 vuex 的模块结构创建多个数据存储，并保存在 src/renderer/store/modules 中。 主进程：electron实际是以package.json这个脚本为入口的，运行的这个脚本其实就是主进程。 三个变量：__dirname,__filename和__static。 Webpack 配置：.electron-vue文件夹便是存放Webpack配置文件的。里面有专门针对main和rederer的配置。 参考 electron-vue文档： https://simulatedgreg.gitbooks.io/electron-vue/content/cn/
1.1K20发布于 2019-10-15 - 来自专栏h5
electron-vue仿微信桌面端|electron聊天实例
electron-vchat客户端聊天实例是基于electron+vue+vuex+Node+vue-router等技术开发的仿制微信pc桌面聊天项目。 034360截图20200108115113391.png 技术框架 框架技术：electron + electron-vue + vue 状态管理：Vuex 地址路由：Vue-router 字体图标： 是由 Github 开发,用 HTML,CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库。 electron主进程创建窗口 通过electron提供的BrowserWindow对象创建窗体，electron-vue构建项目后，主进程入口页面是src/main/index.js import electron实现自定义顶部最大/小化、关闭按钮、无外框窗口 electron 中配置 frame: false 后，就能去除原窗体顶部，原先的顶部操作栏就没有了，需要自定义配置。
6.4K41发布于 2020-01-10 - 来自专栏京程一灯
使用Electron创建跨平台桌面应用
开发和维护一个桌面应用是比较复杂的，所以可以理解现在的公司门为何推动WEB应用或者各种跨平台版本，在过去的十几年里，已经有了很多尝试，Flash、Air、Java和Sliverlight，他们都各自取得了不同程度的成功 我们都知道现在出现了一些使用JavaScript和web技术来开发跨平台的桌面应用的方案。 Electron, GitHub提供的一种方案，我已经尝试的构建了几个应用。 . var mainWindow = null; 现在让我们处理当视窗关闭时应用程序退出，如果是OS X操作系统，当所有视窗关闭时 应用程序依旧处于打开状态，但是用户通常是为了退出应用程序，所以我们必须用如下方式处理这种场景 最简单的打包方法是使用 electron-packager，这是一个npm模块（注意:需要单独安装），他可以生成一个体积比较大的二进制文件，当然对于桌面应用来讲这应该不算是什么大问题，如果你比较在意体积大小 所运行的操作系统: win32 用于 Windows, linux, darwin 用于 vanilla Mac OS X ， mas 用于 Mac App store 发布应用.
2K40发布于 2019-03-27 - 来自专栏前端开发随笔
Electron+vue3搭建桌面应用
先搭建vue/cli脚手架应用 推荐4.x版本 vue create project-name 在cli目录下 执行下面代码 vue-cli-plugin-electron-builder文档链接 vue add electron-builder 项目运行 npm run electron:serve
36220编辑于 2022-05-05
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号