Windows Electron初探

最近闲来无事,玩玩electron。

1、安装nodejs

下载地址:http://nodejs.cn/download/,下载64位。安装完成后,打开C:\Program Files\nodejs\node_modules\npm目录,编辑npmrc文件,添加electron_mirror="https://npm.taobao.org/mirrors/electron/"。添加Electron的镜像。

2、新建文件夹DesktopApp,然后新建三个文件:

main.js  主逻辑文件

index.html 页面文件

package.json nodejs标准文件

在DesktopApp文件夹下,运行npm install electron。安装完成后,自动生成:package-lock.json和node_modules文件夹。

3、main.js文件

const electron = require(‘electron‘);
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;

var mainWindow = null;

app.on(‘window-all-closed‘, function() {
  if (process.platform != ‘darwin‘) {
    app.quit();
  }
});

app.on(‘ready‘, function() {
  mainWindow = new BrowserWindow({width: 800, height: 600});
  mainWindow.loadURL(‘file://‘ + __dirname + ‘/index.html‘);
  mainWindow.on(‘closed‘, function() {
    mainWindow = null;
  });
});

4、package.json文件

{
  "name": "DesktopApp",
  "version": "0.1.0",
  "main": "main.js",
  "dependencies": {
    "electron": "^1.6.11"
  }
}

5、index.html文件

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    We are using io.js <script>document.write(process.version)</script>
    and Electron <script>document.write(process.versions[‘electron‘])</script>.
  </body>
</html>

6、运行:

C:\>D:\DesktopApp\node_modules\electron\dist\electron.exe D:\DesktopApp

(用局部安装的electron的exe文件来执行项目)

时间: 2024-10-16 19:09:08

Windows Electron初探的相关文章

Windows消息初探(1)

最近恢复对Windows API的学习,深深感受到没有对应的中文资料的痛苦,于是上MSDN上面去将Windows消息搞了一些回来翻译出来,供自己查阅,也与大家分享,能力有限,不保证一定是完全正确的,只希望能帮大家节约些时间. 消息名称 消息意义 消息数值 WM_MOVE Sent after a window has been moved.窗体被移动后触发此消息 &H3 WM_ACTIVATEAPP 当别的窗体被激活 &H1C WM_CANCELMODE 当当前窗口今进入模态时,窗口收到这

Windows多线程初探

线程是进程中的一个执行单位(每个进程至少有一个主线程),一个进程可以有多个线程,而一个线程只存在于一个进程中.在数据关系上属于一对多的关系.线程不占有系统资源,它所使用的资源全部由所属进程向系统申请. 在多处理器中,不同的线程可以同时运行在不同的CPU上,这样可以提高程序的运行效率.除此之外,有些时候必须使用多线程.例如,杀毒软件在查杀病毒的时候,它需要一边扫描相关的磁盘文件,一边显示当前的扫描进度以及发现的问题.如果把这几个工作放在一个线程中执行,会让程序看上去像卡住一样.在这种情况下,分为多

用全栈神器electron 打全平台桌面级 app--Music Player

什么是Electron? Electron 技术方案进行桌面端的开发,跨平台兼容 macOS.Windows.Linux 等操作系统.可以让你写使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序. 快速入门 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用.你可以把它看作一个专注于桌面应用的 Node.js 的变体,而不是 Web 服务器. 这不意味着 Electron 是绑定了 GUI 库的 JavaScript.相反,E

Windows API参考大全新编

书名:新编Windows API参考大全 作者:本书编写组 页数:981页 开数:16开 字数:2392千字 出版日期:2000年4月第二次印刷 出版社:电子工业出版社 书号:ISBN 7-5053-5777-8 定价:98.00元 内容简介 作为Microsoft 32位平台的应用程序编程接口,Win32 API是从事Windows应用程序开发所必备的.本书首先对Win32 API函数做完整的概述:然后收录五大类函数:窗口管理.图形设备接口.系统服务.国际特性以及网络服务:在附录部分,讲解如何

PowerShell基础系列

Windows脚本初探之PowerShell初识 http://281816327.blog.51cto.com/907015/1369562 PowerShell远程管理Windows Server(1):域环境 http://281816327.blog.51cto.com/907015/1397239 PowerShell远程管理Windows Server(2):公网访问[web形式] http://281816327.blog.51cto.com/907015/1414739 Powe

[第二家公司]收藏夹

<!DOCTYPE NETSCAPE-Bookmark-file-1> <!-- This is an automatically generated file. It will be read and overwritten. Do Not Edit! --> <TITLE>Bookmarks</TITLE> <H1>Bookmarks</H1> <DL><p> <DT><H3 FOLDED

初探WINDOWS下IME编程

初探WINDOWS下IME编程作者:广东南海市昭信科技有限公司-李建国 大家知道,DELPHI许多控件有IME属性.这么好用的东西VC可没自带,怎么办呢?其实,可通过注册表,用API实现.下面说一下本人对IME的研究结果,并提供示例工程供大家参考: 下载示例工程 10.6K 本文示例程序运行结果如上图1.将用到的API RegOpenKey:打开注册表一键RegQueryValue:查询一键值RegQueryValueEx:同上RegCloseKey:关闭打开的键 LoadKeyboardLay

初探--Windows PowerShell

初探--Windows PowerShell 目录与文件的基本操作 你可以通过一些命令浏览系统里的目录,创建,移动,删除目录还有文件.目录与文件的操作是使用命令行工具的基础.Windows 用户打开 Powershell ,然后试一下接下来的这些命令. (1)查看你当前的位置:pwd Powershell,还有 终端,在光标的左边默认会显示你当前所在的目录.你也可以使用 pwd ( print working directory )这个命令,查看自己当前所在的位置. C:\Users\Admin

初探Windows用户态调试机制

我们在感叹Onlydbg强大与便利的同时,是否考虑过它实现的原理呢? 作为一个技术人员知其然必知其所以然,这才是我们追求的本心. 最近在学习张银奎老师的<软件调试>,获益良多.熟悉Windows调试机制,对我们深入理解操作系统以及游戏保护的原理有着莫大好处. 0X01 初探调试原理 调试系统的实现思路如图所示: 调试器与被调试程序建立联系,程序像调试器发送调试信息,调试器暂停程序处理完调试信息后再恢复程序运行,如此周而复始. 下面我们看看如何用操作系统提供的API去实现一个简单的调试器. //