Electron开发



【Debug】

  • 1)cmd进入项目所在根目录,输入:

$ npm install --save-dev devtron
$ npm install --save electron-debug

  • 2)在主js代码中,加入:
require(‘electron-debug‘)({showDevTools: true});
  • 3)直接启动

electron ./

打开的程序界面附带Chrome调试面板

(*参考:https://www.npmjs.com/package/electron-debug



Electron开发

时间: 2024-11-02 12:17:29

Electron开发的相关文章

使用electron开发一个h5的客户端应用创建http服务模拟后台接口mock

使用electron开发一个h5的客户端应用创建http服务模拟后端接口mock 在上一篇<electron快速开始>里讲述了如何快速的开始一个electron的应用程序,既然electron是可以直接使用node环境编写程序的,那么我们就可以有很多可以处理的事,比如我们可以做个可视化的前端构建工具,或者我们可以建一个后台的管理系统.基于这两天,我简单的做了一个模拟后端接口的http服务. 它可以完成如下功能: 它可以创建http本地服务 它可以模拟后端的多种请求方式,如get.post.pu

使用Electron开发PC客户端

最近公司要求开发一个PC客户端,要求不能使用.NET开发(为了不让用户安装.net framework),所以就选择了Electron(随口听别人说了一句,之前从来没有接触过).目前项目要完毕了,所以就想记录一下在开发过程中遇到的一些问题和开发过程中的一些思路. 1.Electron的介绍 2.如何下载安装Electron 3.PC客户端是什么样的项目,它实现了什么功能 4.整体框架的描述 5.第一次启动软件需要做的事情 6.登录的实现:登录页面的加载 7.登录的实现:点击登录按钮后的操作 8.

Angular 2 + Electron 开发web和桌面应用

https://github.com/zhongzf/angular2-electron-quickstart Web用法: # Clone this repository git clone https://github.com/zhongzf/angular2-electron-quickstart.git cd angular2-electron-quickstart # Install development dependency npm install # Build and star

ELECTRON开发环境配置方法

1.下载并安装Node.js 下载地址:https://nodejs.org/en/download/current/ 安装之后进行验证 2.下载并这装electron 安装命令:npm install -g electron 命令说明:-g代表全局安装,如果不加-g,则安装在命令行当前所在的目录下. 快速安装:由于连接npm服务器比较慢,可以使用https://npm.taobao.org/mirrors/electron/1.4.3/electron-v1.4.3-win32-x64.zip

1、Window10 Electron 开发环境搭建

1:首先安装nodejs C:\Users\yan>node -v v4.5.0 2:安装Electron C:\Users\yan>npm install --g electron-prebuilt 使用淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 再次安装 cnpm install electron-prebuilt -g 3:安装完成后运行 electron -v 检查是否安装成功 C:\Users

Electron实战:创建ELectron开发的window应用安装包

前言:研究electron自动更新的时候,在electron的官方文档auto-updater 中,提到了在几个平台mac,Linux,windows下electron 的自动更新方法,其中windsow平台上面,文章中建议先用grunt-electron-installer 模块来创建windows安装包,grunt这个工具是由Squirrel集成的.进而了解下Squirrel这个工具, 一个可以用来给electron应用的安装更新卸载添加快捷方式的工具.本文主要提及如何在windows平台下

使用Electron开发桌面应用

Electron 框架的前身是 Atom Shell,可以让你写使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序.它是基于io.js 和 Chromium 开源项目,并用于在 Atom 编辑器中.Electron 是开源的,由 GitHub 维护,有一个活跃的社区.最重要的是,Electron 应用服务构建和运行在 Mac,Windows 和 Linux. 安装Electron npm install electron-prebuilt -g //cnpm instal

Node和Electron开发入门(四):操作PC端文件系统

一.调用PC端默认方式打开本地文件 在main.js里 // 打开系统本地文件或者网页链接 const {shell} = require('electron'); // Open a local file in the default app var path1 = "d:\\ProjectsSpace\\ElectronProjects\\ElectronTest2\\app\\html\\config\\record.txt"; shell.openItem(path1); //

electron 开发实时加载

第一个方式 cnpm install electron-reload --save-dev cnpm install electron-prebuilt --save-dev require('electron-reload')(__dirname,{ electron:require("electron-prebuilt") }); 第二个方式 cnpm install electron-connect --save-dev cnpm install gulp --save-dev