`
lucklrj
  • 浏览: 24855 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

electron快速入门

阅读更多

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-quick-start-master 快速入门教程...

    Electron基础入门教程

    **Electron基础入门教程概述** Electron是一款开源框架,它允许开发者使用Web技术(HTML、CSS和JavaScript)来构建跨平台的桌面应用程序。这个基础入门教程针对初学者,旨在教会那些对Electron不熟悉的开发者如何从...

    electron-quick-start-master.zip

    《Electron快速入门详解》 Electron是一款由GitHub开发的开源框架,它允许开发者使用JavaScript、HTML和CSS构建跨平台的桌面应用程序。本教程将基于"electron-quick-start-master.zip"压缩包,深入讲解如何利用...

    electron入门.pptx

    Electron 入门指南 Electron 是一个由 Github 开发的开源框架,允许开发者使用 Web 技术构建跨平台的桌面应用。它利用 Chromium 浏览器提供强大的 UI 能力,让开发者可以不考虑兼容性的情况下,利用强大的 Web 生态...

    electron入门篇

    9. **社区与资源**:Electron有一个活跃的开发者社区,提供了大量的教程、示例代码和第三方库,如`electron-react-boilerplate`、`electron-vue`等,帮助开发者快速上手。 10. **安全考虑**:由于Electron应用可以...

    electronquick实现在一个Electron窗口中快速加一个脚本

    描述 "electron-quick 实现在一个Electron窗口中快速加一个脚本" 提到的"electron-quick"可能是项目的名字或者一个快速入门指南,旨在帮助开发者快速了解如何在Electron窗口中添加和运行脚本。 接下来,我们将详细...

    Electron入门示例

    标签 "源码" 和 "工具" 提示我们,这个示例不仅是一个学习资源,也是一个实用的开发工具,可以帮助开发者快速上手Electron开发。 压缩包内的文件列表: 1. `index.html` - 这通常是Electron应用的主界面文件,用...

    Fiddle入门使用Electron的最简单方法

    **Electron Fiddle入门指南** Electron Fiddle是一款强大的工具,专为JavaScript开发者设计,用于探索和构建基于Electron框架的小型应用。Electron是一个开源平台,它允许开发者使用Web技术(HTML、CSS和JavaScript...

    Electron实战教程(初级)

    Electron作为一个优秀的跨平台桌面开源框架,吸引了大量从事原生客户端开发和前端开发的同学涉足。Electron学习的过程存在两个门槛,一是入门,二是...帮助大家迅速入门并快速进入进阶阶段,减少不必要的弯路和踩坑。

    前端全栈神技:网页秒变全平台app的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框架创建桌面应用程序,并结合MySQL数据库和Element-UI库进行数据管理的入门知识。 Electron.js是一个流行...

    electron-showmap

    电子基地项目运行“ hello world”-示例安装node.js和npm Linux:sudo apt-get install nodejs npm Windows / MacOS:从安装软件包运行...先决条件用于开发的软件node.js npm 电子api资源Electron快速入门教程: :

    electron-base

    电子基地项目 建立“ hello world”-示例 安装node.js和npm Linux:运行install-nodejs-linux.sh来安装node.js和npm Windows(MSYS):运行install-nodejs-windows.sh以安装node.js和npm...Electron快速入门教程: :

    electron中文教程.pdf

    - **快速入门**:帮助开发者快速构建第一个Electron应用程序。 - **桌面环境集成**:集成桌面环境的API,例如系统托盘、菜单栏等。 - **在线/离线事件探测**:API用于探测应用程序的在线或离线状态。 - **进程对象**...

    electron-quick-start-linux-mips64el.tar.gz

    标题中的"electron-quick-start-linux-mips64el.tar.gz"揭示了这是一个基于Electron框架的快速启动项目,特别为Linux MIPS64el架构进行了优化和打包。MIPS64el是MIPS架构的一种,主要面向64位系统,常见于一些嵌入式...

    electron-quick-start.rar

    这个"electron-quick-start.rar"文件是一个入门级别的项目,旨在帮助新手快速上手 Electron 开发。通过这个压缩包,你可以学习到如何构建一个简单的 "Hello world" 应用,而不必先安装 Git。 首先,"Hello world" ...

    Electron跨平台桌面应用开发工具 v17.4.11.zip

    描述中的信息虽简洁,但暗示了这个压缩包可能包含了一个完整的开发环境或者示例项目,可以帮助用户快速入门Electron应用的开发。这可能是为了帮助学习者或开发者理解如何利用Electron构建桌面应用,尤其是对于那些...

    js技术文档,适合js初学者快速入门

    本技术文档专为JavaScript初学者设计,旨在帮助快速入门并深入理解JS的核心概念。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、对象...

    electron_quick_start:electronic_quick_start

    ** Electron 快速入门项目详解 ** `Electron` 是一个使用 `Node.js` 和 `Chromium` 技术栈创建跨平台桌面应用的框架。它允许开发者利用 JavaScript、HTML 和 CSS 来构建桌面应用程序,同时享受 Web 开发的便利性和...

    Electron-express-react-App:使用Express服务器和React的Electron应用程序的快速入门

    使用Express服务器和React的Electron应用程序的快速入门 设置 $ cd electron-express-react-app $ npm install --force (optionnal) $ npm start or $ npm run dev 在“开发模式”下启动应用程序 转到index.js文件仅...

Global site tag (gtag.js) - Google Analytics