- 综合排序
- 最热优先
- 最新优先
- 来自专栏有困难要上，没有困难创造困难也要上！
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.9K160发布于 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
2.1K10发布于 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.5K10发布于 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.7K20发布于 2019-09-29 - 来自专栏一番码客
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界面开发入门
2K30发布于 2019-10-08 - 来自专栏一番码客
electron桌面应用开发（四）
本文目录： 前言js系统命令调用函数spawn调用`spawn`可能遇到的问题require函数参考一番今日 前言 上一篇electron的文章我们尝试了用在js里调用python，虽然一番之前没有接触过
1.9K20发布于 2019-10-08 - 来自专栏h5
Electron13+Vue3+ElementPlus模仿macOS桌面版后台系统框架
项目介绍 electron-vue3-macOS 一款整合vite2.x+electron13跨平台构建模仿mac桌面UI后台管理系统。 360截图20210623193852283.png 基于最新的vite2.x和跨端技术electron13搭建开发。支持多窗口及毛玻璃效果。 ", "version": "0.1.0", "description": "基于Electron13+Vite2+ElementPlus仿Mac桌面UI后台框架", "author": " 这个桌面分为顶部导航栏+桌面菜单区域+底部dock菜单三个部分。 ${ext}" } } ending，基于vue3+vite2+electron13开发仿macOS桌面系统就分享到这里。 11.sinaimg.gif
3.8K10发布于 2021-06-24 - 来自专栏西安-晁州
使用Electron开发桌面应用
Electron 框架的前身是 Atom Shell，可以让你写使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。 安装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 Electron应用包含三部分： 1、package.json依赖文件 2、index.html应用页面 3、main.js or renderer.js主进程or渲染进程 Electron应用由主进程和渲染进程组成 main.js代码： 'use strict'; const electron = require('electron'); const app = electron.app; const BrowserWindow
3.1K00发布于 2017-12-26 - 来自专栏一番码客
electron桌面应用开发（六）
本文目录： 前言electron的地位electron中js通过web socket与python通信效果图参考一番今日 前言 今天该务实了。 electron的地位 如果我们在网上搜索electron相关的文章，发现很少。原因其实electron只是提供了一个运行js的框架，基本不用开发。 electron的地位就相当于浏览器的地位，electron就是一个封装了的浏览器。因此，我们做electron开发，其实就是做js前端开发。 "Receive"){ var str1=msg.data.split(':')[1]; var str2= 参考 如何实现JS前端与Python后台的结合 介绍—Vue.js 一番今日 今天一番去看了《中国机长》，面对死亡，能保持镇定，非常值得佩服，也是一种难得的气质。
2.3K30发布于 2019-10-15 - 来自专栏一番码客
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.7K20发布于 2019-10-08 - 来自专栏h5
整合vite2+electron12撸后台管理系统
Vite2ElectronAdmin 一款精美UI跨平台前端后台管理系统框架。 前一段时间有给大家分享一个Electron+Vue3.x短视频，今天再分享最新开发的Electron桌面端后台系统。 001360截图20210516222515420.png vite2，electron12、element plus跨端后台框架 vite2-admin vue3-admin electron-vadmin 饿了么前端团队出品的vue3桌面端UI组件库。 /App.vue'; const app = createApp(App) app.use(ElementPlus) app.mount('#app') Electron仿mac桌面导航栏 image.png 开发前端后台管理系统就先分享到这里。
2.6K10发布于 2021-05-18 - 来自专栏微言码道
跨平台桌面开发，Electron还是WebView2 （上篇）
我在2020年曾经基于Electron开发过一个跨平台桌面应用，在一定的条件下，Electron是非常好的选择。 去年微软做了一个变更，将它们的一个桌面应用从Electron迁移至自己的WebView2，是不是Webview2是更好的选择？ 本次，我与大家聊一聊，跨平台桌面开发，究竟是应该选Electron还是WebView2? 这是上篇。 这个系列主要是讨论Electron以及Webview2，跨平台桌面开发当然还有QT，React Native Desktop，Jetpack compose Desktop以及Tauri等选择，这些技术都有可圈可点之处 那WebView2究竟有什么优势，它做了什么改变，它会把Electron打败下去么？未来这些基于Electron开发的应用又会纷纷改变自己路线么？究竟桌面跨平台应用还有更具有性价比的选择么？
5K30编辑于 2022-03-09 - 来自专栏微言码道
跨平台桌面开发，Electron还是WebView2 （中篇）
这一周继续聊跨平台桌面开发这个事情。 在这篇文章中，我暂时会放下Electron与WebView2的一个对比，而聊一聊跨平台这个对于程序员群体来说不陌生的词。 这个问题在跨平台桌面开发中也是类似，跨平台桌面开发技术也不是Electron最开始出现，比如著名的QT很早就有了，但比起Electron这种使用前端编程技术来说，显然在编程语言的门槛上和程序员群体上都存在困难 而Electron或WebView2这样的技术，之所以受到极大的关注与使用，一个重要的原因也在于Chrome内核的性能是不断提升的，今天的浏览器的性能及JS解析运行能力已远远优于过去。 四）Electron VS WebView2 其实，无论是Electron，或是WebView2，都是基于浏览器内核+前端技术的跨平台桌面解决方案，这也是为什么要把它们放在一起聊的原因。 Electron是先行者（当然，严格说来，NW.js出现的更早，但今天它的流行度已远远落后于Electron了），而WebView2则是后来者。 那做为后来者的WebView2究竟做了哪些改进？
3.8K20编辑于 2022-03-09 - 来自专栏微言码道
跨平台桌面开发，Electron还是WebView2 （下篇）
好了，前面两篇铺垫了一些内容，这周终于进行这个话题的核心内容了，就是对于跨平台桌面来说，Electron与WebView2这两个非常类似的技术方案究竟哪个更合适？ 这是这个话题的最终篇，前两篇为： 1.跨平台桌面开发，Electron还是WebView2 （上篇）2.跨平台桌面开发，Electron还是WebView2 （中篇） 接下来，我会分别从这两个技术的相似之处以及不同之处来详细对比说明 这意味着一个前端团队能够在不依赖其它团队的前提下，基于Electron开发一个完整的桌面应用。 但WebView2则并不是如此。 那对于跨平台桌面开发，如果你想找到一个性价比非常之高的解决方案，是Electron还是WebView2，心中应该有自己的答案了吧。 如果你问我，我的观点就是： •Electron仍然是当下及未来一段时间内，跨平台桌面开发性价比最高的选择•WebView2则是Windows原生程序开发团队或开发者应该关注的技术，基于它能做出类似移动端的
15.7K30编辑于 2022-03-09 - 来自专栏余生开发
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 安装依赖 （安装依赖时建议使用 cnpm淘宝镜像 npm会有访问外国网站被卡） cd my-project npm install 1.4 运行 npm run dev 2.打包exe
1.8K30发布于 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.9K40发布于 2020-08-12 - 来自专栏CSDN技术头条
开发桌面应用，自然用 Electron ！
在这个生态系统中，有一个分类就是用来开发桌面应用，成为了桌面 GUI，比较著名的包括 NW.js 和 Electron，其中，Electron 更有名气，连微软都使用 Electron 开发自己的 IDE 至此，也许很多读者会有新的疑问，为什么要开发跨平台的桌面应用？为什么用 Node.js 和 Electron 来开发呢？ Electron 桌面应用相对于 Web 应用的优势有哪些呢？ 而 Electron 就不一样，Electron 使用 JavaScript 开发桌面应用，任何 Web 开发者都很容易上手，就算不是 Web 开发者，学习 JavaScript 相对于 C++、C# 到现在为止，我们已经了解了 Electron 到底是做什么的，以及为什么要用 Electron 来构建桌面应用。
5.3K20发布于 2019-03-08 - 来自专栏趣谈前端
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.3K50编辑于 2022-04-06 - 来自专栏start
React使用Electron开发桌面端
结合Electron框架，可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤： 1. 安装Electron 首先，你需要安装Electron。在终端中运行以下命令： npm install electron --save-dev 2. : '#3f51b5', color: 'white', fontWeight: 'bold', fontSize: '1.5rem', padding: '1rem 2rem 总之，使用React和Electron一起开发桌面应用程序可以帮助你快速构建跨平台的应用程序，并提供许多强大的功能。通过使用React构建Web界面，你可以使用熟悉的工具和技术来构建应用程序。 如果你想构建一个桌面应用程序，React和Electron可能是一个不错的选择。
2.4K10编辑于 2024-03-20 - 来自专栏QQ音乐技术团队的专栏
electron 构建跨平台桌面应用
简介 Electron 是一款可以通过 Web前端技术 构建跨平台桌面应用的框架。 简单地说，通过 Electron，我们可以使用自己所熟悉的前端技术轻松构建出一款能运行在Windows, Linux 和 Mac 上的桌面级应用程序。 克隆官方的例子 $ git clone https://github.com/electron/electron-quick-start 2. IPC 上面提到，Electron 中包含了主进程和渲染进程，事实上主进程就是一个后台进程，掌控着渲染进程的创建与销毁动作，且官方提供的绝大部分模块也只能在该进程中调用。 npm run build-mac 最后贴一张最近利用 Electron 构建的桌面版豆瓣FM的截图： ?
4.4K110发布于 2018-01-31
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号