最近要做个桌面的应用,用起来也方便。找了一圈发现NW.js挺容易上手,分享给大家。 4.把项目放到nw.js解压后的同一目录下 5.命令进入到当前文件夹 输入 nw myapp 也可以直接把项目拖到nw.exe 6.将应用打包成app.nw文件,进入myapp文件夹中
--registry=https://registry.npm.taobao.org 安装 electron 这里我是使用的全局 $ sudo cnpm install -g electron 创建应用 一个 Electron 应用的目录结构大致如下: myapp/ ├── package.json ├── main.js └── index.html package.json { "name": Electron: <script>document.write(process.versions.electron)</script> </body> </html> 运行应用 进入应用程序目录,然后运行 $ electron .
NIM_Duilib_Framework 主要开发语言: C/C++ 简介: Duilib是一个Windows下免费开源的DirectUI界面库,由于简约易扩展的设计以及稳定高效的实现被各大互联网公司普遍接受,广泛应用于包括 www.electronjs.org/ 中文官网: https://electron.org.cn/ 简介: Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架 这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行,或者通过 Mac App Store 或微软商店进行分发。
Electron 基于 Chromium 和 Node.js, 可以理解为在软件中打包了一个浏览器以支持运行桌面应用,用开发web的方式进行开发,跨平台兼容 1环境搭建 1.1 先全局安装脚手架
Javascript在web开发中已经稳稳的占据了重要位置,现在已经开始渗透到桌面开发了 Electron 便是用来创建桌面应用的框架 使用 JavaScript + HTML + CSS 就可以开发跨平台的桌面应用 是否满足桌面应用开发的需求呢? 看下这些知名应用就知道了 GitHub 的文本编辑器 Atom 聊天群组应用独角兽公司 Slack 使用 Electron 搭建了桌面客户端 微软发布的代码编辑器 Visual Studio Code </title> <meta charset="UTF-8"> </head> <body>
package.json:应用的入口文件。其中的main字段表示的脚本是应用的启动脚本,缺省值是index.js。 src/main:electron主进程。
Electron 框架的前身是 Atom Shell,可以让你写使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序。 最重要的是,Electron 应用服务构建和运行在 Mac,Windows 和 Linux。 Electron应用包含三部分: 1、package.json依赖文件 2、index.html应用页面 3、main.js or renderer.js主进程or渲染进程 Electron应用由主进程和渲染进程组成 DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的应用</title> </head> <body> we are
前言electron的地位electron中js通过web socket与python通信效果图参考一番今日
前言js启动python创建python文件在index.js中调用python参考一番今日
electron-packager": "^12.1.0", "electron-updater": "^4.4.0" } } 6.在dist目录下运行electron-builder 目录结构 生成的桌面应用
具体来说: $APPCONFIG: 应用程序的配置文件。 $APPDATA: 应用程序的数据文件。 $APPLOCALDATA: 应用程序的本地数据文件。 $APPCACHE: 应用程序的缓存文件。 $DESKTOP: 系统桌面文件。 $DOCUMENT: 用户文档文件。 $DOWNLOAD: 下载文件夹。 $EXE: 可执行文件。 $FONT: 系统字体文件。 $HOME: 用户主目录。 $APP: 应用程序文件夹。 $LOG: 日志文件夹。 $TEMP: 临时文件夹。 <Greet meg="Hello"/> 通过这样做,你应该能够解决这个 TypeScript 编译器错误,并成功构建你的应用程序。 然后就可以了~ 跨平台构建: 可以针对 Apple Silicon、基于 Intel 的 Mac 计算机或通用 macOS 二进制文件编译应用程序。
关于electron,前两天一番写了一个开头,搭建开发环境。今天一番尝试去开发一个小的例子,做一些修改。
前一篇一番实现了在js里调用python程序,这一篇一番试图将electron页面上输入的一些参数传递给python程序。
前言js系统命令调用函数spawn调用`spawn`可能遇到的问题require函数参考一番今日
Electron 基于 Chromium 和 Node.js, electron-vue 基于election融合vue脚手架,来开发桌面应用,可以理解为在软件中打包了一个浏览器以支持运行桌面应用,
简介 Electron 是一款可以通过 Web前端技术 构建跨平台桌面应用的框架。 简单地说,通过 Electron,我们可以使用自己所熟悉的前端技术轻松构建出一款能运行在Windows, Linux 和 Mac 上的桌面级应用程序。 现阶段已有许多优秀的桌面应用都是基于 Electron 开发,其中如 Atom 编辑器,VS Code 和 Postman 等等都是我们所熟知的,下面列出这当中的部分应用,是不是看到了许多熟悉的图标呢? Hello World 案例运行 使用下面三步即可构建最简单的 Hello World 桌面程序。 1. 其他 当然 Electron 中还有许多实用的模块,如作为桌面应用必不可少的 Menu 和 Tray 模块、拥有调用当前操作系统功能的 Shell 模块、NW.js 中不具备的自动更新功能 - autoUpdater
Electron提供了丰富的本地(操作系统)的API,使你能够使用纯JavaScript来创建桌面应用程序。 与其它各种的Node.js运行时不同的是Electron专注于桌面应用程序而不是Web服务器。 这并不意味着Electron是一个绑定图形用户界面(GUI)的JavaScript库。 还有最近,在结合 设计师会编程、程序员懂艺术的系列文章, 我开发了一个JS Playground for Desginer 的桌面应用。 ? 等系列文章更新完,会发布第一个版本。
说到桌面应用程序,可能更多人会想到使用QT或者JAVA FX去实现,Node.js能实现桌面程序么?可能很多人对这个问题的答案抱着怀疑的态度。 实际上Node.js现在生态圈越来越完善,所以用Node.js实际上可以非常轻松的架构一个桌面应用。今天我们来讲讲Node.js是如何构建一个桌面应用。 首先我们需要创建一个Node.js项目。 ? 所以我们可以发现,我们使用electron进行桌面应用的开发我们不需要去了解我写的html是如何被转化成桌面应用执行程序的。用官方的解释来说就是简单的部分你来做,复杂的交给我们框架来负责实现。 接下来我们需要将我们的应用打包生成桌面应用启动文件,打包就需要使用我们刚才一开始安装的依赖:electron-packager。 我们执行这个文件就可以运行我们的桌面应用了。 ? 最后我们来谈谈,使用Node.js结合electron模式开发桌面应用有什么优缺点呢?
https://blog.csdn.net/wonaixiaoshenshen/article/details/88744534 vue 打包桌面应用程序 你说为啥现在前端这么累,一会做h5网页,一会pc网站,一会又是服务端渲染,一会又来一个桌面应用,一会又是App,是不是就差操作数据库了,不,不对,如果你是走的node 方向,那你就做到了,哈哈哈 vue 打包这些流程我相信大家都已经知道了吧,不管你是vue cli 2 还是vue cli 3 打包出来都是有dist 文件的,至于前面的操作不懂的这些可以百度,多得很,我就直接给你们讲,如何打包桌面应用就好 但是如果你只是要打包的话,不需要深入,只需要知道几个命令就好,下面贴上 地址,加代码 https://electronjs.org/ 官网介绍: 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用 如果出现这个了,恭喜了,vue打包桌面应用程序已经完成了,但是你这个要是想发给别人安装看,你这个还不行哟,还需要进行打包才能哟,推荐一个简单的 看完另一篇新博客有讲解 https://blog.csdn.net
AntDesignPro使用electron构建桌面应用 注意事项声明 所有 node 包必须使用 npm 安装不可使用 cnpm 使用 cnpm 安装的 node 包会导致打包时间无限可能 具体区别查看使用 渲染进程如需和主进程通信查看官方文档 https://electronjs.org/docs/tutorial/application-architecture#main-and-renderer-processes 打包应用配置 更改路由方式 publicPath: './', //使打包后的文件使用相对路径 src/utils/request.js 此目录并非标准 不同版本下文件可能有所区别 重点在于给请求配置前缀 当项目打包成应用后使用的是 ", 使用 electron-builder 打包 exe 文件或者安装包,压缩包 提示: 提前安装在全局可以省略不同环境重复安装 创建 app 目录是为了不将 node 包打包进去,减少应用大小 如果当前目录下没有 否则会打包当前所有内容) 将ant pro打包后的dist文件和main.js放入app目录 在app下创建package.json文件(外层package做打包使用,app下的package是打包后的应用依赖