electron官方地址:https://github.com/sindresorhus/awesome-electron
1.
先下载electron的官方演示程序,
git clone https://github.com/atom/electron-quick-start
我下载放到了 D:\study\electron\1 下面,只保存以下三个文件
index.html
main.js
package.json
2.安装 electron-prebuilt
npm install electron-prebuilt -g(这步很慢,可以用cnpm代替)
安装成功后,node.js根目录会多几个文件,electron,electron.cmd
我nodejs安装在C:\web_soft\nodejs
3.C:\web_soft\nodejs\node_modules\electron-prebuilt\dist 这个目录就是windows下的运行环境,可以把它复制到地方,然后双击electron.exe 就能弹出窗口了。
4.将D:\study\electron\1下的三个文件覆盖C:\web_soft\nodejs\node_modules\electron-prebuilt\dist\resources\default_app内,双击electron.exe再看效果
5.可以将D:\study\electron\1打为只读包
cnpm install asar -g
D:\study\electron>asar pack 1 app.asar
同理可以把app.asar复制到C:\web_soft\nodejs\node_modules\electron-prebuilt\dist\resources内
6.可以可以将D:\study\electron\1打包
cnpm install electron-packager -g
D:\study\electron\1>electron-packager . test --platform=darwin --arch=x64 --version=0.36.10
将产生一个D:\study\electron\1\test-darwin-x64\test.app\Contents
把这个目录下的Resources覆盖C:\web_soft\nodejs\node_modules\electron-prebuilt\dist下的Resources目录,
7.产生安装包
cnpm install electron-builder -g
分享到:
相关推荐
electron-quick-start-master 快速入门教程electron-quick-start-master 快速入门教程electron-quick-start-master 快速入门教程electron-quick-start-master 快速入门教程electron-quick-start-master 快速入门教程...
**Electron基础入门教程概述** Electron是一款开源框架,它允许开发者使用Web技术(HTML、CSS和JavaScript)来构建跨平台的桌面应用程序。这个基础入门教程针对初学者,旨在教会那些对Electron不熟悉的开发者如何从...
《Electron快速入门详解》 Electron是一款由GitHub开发的开源框架,它允许开发者使用JavaScript、HTML和CSS构建跨平台的桌面应用程序。本教程将基于"electron-quick-start-master.zip"压缩包,深入讲解如何利用...
Electron 入门指南 Electron 是一个由 Github 开发的开源框架,允许开发者使用 Web 技术构建跨平台的桌面应用。它利用 Chromium 浏览器提供强大的 UI 能力,让开发者可以不考虑兼容性的情况下,利用强大的 Web 生态...
9. **社区与资源**:Electron有一个活跃的开发者社区,提供了大量的教程、示例代码和第三方库,如`electron-react-boilerplate`、`electron-vue`等,帮助开发者快速上手。 10. **安全考虑**:由于Electron应用可以...
描述 "electron-quick 实现在一个Electron窗口中快速加一个脚本" 提到的"electron-quick"可能是项目的名字或者一个快速入门指南,旨在帮助开发者快速了解如何在Electron窗口中添加和运行脚本。 接下来,我们将详细...
标签 "源码" 和 "工具" 提示我们,这个示例不仅是一个学习资源,也是一个实用的开发工具,可以帮助开发者快速上手Electron开发。 压缩包内的文件列表: 1. `index.html` - 这通常是Electron应用的主界面文件,用...
**Electron Fiddle入门指南** Electron Fiddle是一款强大的工具,专为JavaScript开发者设计,用于探索和构建基于Electron框架的小型应用。Electron是一个开源平台,它允许开发者使用Web技术(HTML、CSS和JavaScript...
Electron作为一个优秀的跨平台桌面开源框架,吸引了大量从事原生客户端开发和前端开发的同学涉足。Electron学习的过程存在两个门槛,一是入门,二是...帮助大家迅速入门并快速进入进阶阶段,减少不必要的弯路和踩坑。
3. 创建Electron项目:使用`electron-init`或`create-electron-app`等脚手架快速创建项目结构。 4. 运行应用:在项目根目录下,使用`electron .`启动应用。 四、Electron实战:从网页到桌面应用 1. 将Web应用移植...
标题 "electron.js数据库应用---入门(mysql+element-ui)" 指的是一个教程或者项目,它涵盖了使用Electron.js框架创建桌面应用程序,并结合MySQL数据库和Element-UI库进行数据管理的入门知识。 Electron.js是一个流行...
电子基地项目运行“ hello world”-示例安装node.js和npm Linux:sudo apt-get install nodejs npm Windows / MacOS:从安装软件包运行...先决条件用于开发的软件node.js npm 电子api资源Electron快速入门教程: :
电子基地项目 建立“ hello world”-示例 安装node.js和npm Linux:运行install-nodejs-linux.sh来安装node.js和npm Windows(MSYS):运行install-nodejs-windows.sh以安装node.js和npm...Electron快速入门教程: :
- **快速入门**:帮助开发者快速构建第一个Electron应用程序。 - **桌面环境集成**:集成桌面环境的API,例如系统托盘、菜单栏等。 - **在线/离线事件探测**:API用于探测应用程序的在线或离线状态。 - **进程对象**...
标题中的"electron-quick-start-linux-mips64el.tar.gz"揭示了这是一个基于Electron框架的快速启动项目,特别为Linux MIPS64el架构进行了优化和打包。MIPS64el是MIPS架构的一种,主要面向64位系统,常见于一些嵌入式...
这个"electron-quick-start.rar"文件是一个入门级别的项目,旨在帮助新手快速上手 Electron 开发。通过这个压缩包,你可以学习到如何构建一个简单的 "Hello world" 应用,而不必先安装 Git。 首先,"Hello world" ...
描述中的信息虽简洁,但暗示了这个压缩包可能包含了一个完整的开发环境或者示例项目,可以帮助用户快速入门Electron应用的开发。这可能是为了帮助学习者或开发者理解如何利用Electron构建桌面应用,尤其是对于那些...
本技术文档专为JavaScript初学者设计,旨在帮助快速入门并深入理解JS的核心概念。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、对象...
** Electron 快速入门项目详解 ** `Electron` 是一个使用 `Node.js` 和 `Chromium` 技术栈创建跨平台桌面应用的框架。它允许开发者利用 JavaScript、HTML 和 CSS 来构建桌面应用程序,同时享受 Web 开发的便利性和...
使用Express服务器和React的Electron应用程序的快速入门 设置 $ cd electron-express-react-app $ npm install --force (optionnal) $ npm start or $ npm run dev 在“开发模式”下启动应用程序 转到index.js文件仅...