Windows 下的 electron 开发笔记一

Michael_Ding 发布于2019-08-23 14:20 / 1811人阅读

前言

根据公司业务需求，使用 electron 开发桌面 BrowserWindow 应用。

参考 API：Electron 文档

安装与配置 安装工具

node（LTS版）
git 命令行工具

搭建项目

初始化：

$ npm init

安装 electron：

$ npm install electron --save-dev

软件打包

安装打包工具：

$ npm install --save-dev electron-packager

打包基本命令：

electron-packager {location} {name} {platform} {architecture} {version} {options}

location：项目所在路径

name of project：打包的项目名字

platform：确定了你要构建哪个平台的应用（Windows、Mac 还是 Linux）

architecture：决定了使用 x86 还是 x64 还是两个架构都用

version：electron 的版本

options：可选选项

在 package.json 中添加配置项：

"packager": "electron-packager ./ writ win x86 --app--version=2.0.6 --overwrite --icon=./favicon.ico"

执行：

$ npm run-script packager

环境依赖

.netframework 4.5.1

python2.7

Visual C++ Build Tools

一键安装：

$ npm install --global --production windows-build-tools

环境设置：

$ npm config set msvs_version 2015

若出现 vc2015 安装失败情况，请自行安装 SP1windows6.1-KB976932 补丁

插件依赖

node-gyp Node 编写的跨平台命令行工具，用于编译 Node.js 的原生插件模块

$ npm install -g node-gyp

ffi 用以调用动态库的 Node.js 插件

$ npm install ffi --save

buffer 提供与 Node.js 的 Buffer 完全相同的缓冲区插件

$ npm install buffer --save

iconv-lite 用于在 Node.js 当中处理在各种操作系统出现的各种奇特编码，该模块不提供读写文件的操作，只提供文件编码转换的功能

$ npm install iconv-lite --save

electron-rebuild 用以重编译适合 electron 的模块

$ npm install electron-rebuild --save-dev

$ ./node_modules/.bin/electron-rebuild ./node_modules/ffi

占坑

私有云云服务器 windows 下的linux系统 windows下的ftp服务器学习笔记一 windows7笔记本

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100442.html

用 Electron 打造 Win/Mac 应用，从「代码」到可下载的「安装包」，可能比你想得麻烦一

摘要：三配置环节目的一是为之后的环节初始化工作流参数，二是准备好应用文件夹内容即要打包的目标文件夹做的事解析命令行参数，初始化工作参数，填充配置文件，把配置文件和相关依赖文件导入到文件夹内合适的首发于酷家乐前端博客，作者@摘星（segmentfault @StinsonZhao）我们能从很多地方学习到怎么起一个 Electron 项目，有些还会介绍怎么打包或构建你的代码，但距离「真正地...

LdhAndroid 2019-08-21 17:30 评论0 收藏0
一个程序员的正版清单

摘要：有部分前端人员使用的是盗版的。非编程相关其它一些我使用的，但与编程关系不大的正版工具。尊重别人，更是尊重自己做为一个程序员，使用正版，我认为这不是自做清高的事情，这是对自己职业的一种基本尊重。 ...

wudengzan 2021-09-24 09:48 评论0 收藏0
【译】使用 AngularJS 和 Electron 构建桌面应用

摘要：原文的框架以前叫做允许你使用和编写跨平台的桌面应用。这个教程向我们展示了如何使用和构建一个桌面应用。我们的应用看起来会是这个样子配置开发环境是微软的一款跨平台代码编辑器。是基于和微软自身的开发的。我们需要用我们最终构建的应用来替换它。原文：Creating Desktop Applications With AngularJS and GitHub Electron showImg(...

maxmin 2019-08-22 10:59 评论0 收藏0
开发了一款写作软件(OSX,Windows)，附带Electron开发指南

摘要：本来写这个项目时就没打算来自己实现富文本编辑器，本着能用开源就用开源的原则，在项目里测试了一些开源的编辑器，发现或多或少都有些问题，后来一琢磨，反正这个项目的富文本编辑器需求不复杂，就自己实现一个好了。断断续续写了个把月，终于在昨天完成了第一版… 笔落写作一款帮助网络写手更方便地进行小说创作的PC软件，目前支持 OSX/Windows 名字灵感来自于杜甫的一首诗，前两句是：《寄...

OnlyLing 2019-08-22 17:16 评论0 收藏0