`

electron的windows环境

阅读更多
1.安装nvm-windows
https://github.com/coreybutler/nvm-windows

下载安装文件:https://github.com/coreybutler/nvm-windows/releases
默认安装位置:C:\Users\electron\AppData\Roaming\nvm
默认环境变量位置:C:\Program Files\nodejs
*安装完成后,虽然path中会自动加入环境变量,但是命令行可能不太好用,需要调整path里面的新加的目录放在最前面

2.通过nvm-windows安装nodejs
nvm install <指定版本号> <指定位数:32|64>
当前使用7.7.4  64位

查看当前的安装模式 false:本地安装/true:全局安装
npm get global

3.在项目目录安装指定版本的electron
npm install electron@1.6.4 --save-dev

启动
全局安装启动命令:electron .
本地安装启动命令:.\node_modules\.bin\electron .

也可以在package.json中添加脚本,通过npm运行
"scripts": {
    "start": "electron ."
  }

执行:npm start


4.使用nodejs原生模块
以安装sqlite(3.1.8)为例
https://github.com/mapbox/node-sqlite3
npm install sqlite3@3.1.8 --save-dev

由于electron不支持require原生nodejs模块,需要对electron进行重新编译

方式一
https://github.com/electron/electron-rebuild
安装:npm install --save-dev electron-rebuild
执行:.\node_modules\.bin\electron-rebuild.cmd

方式二
通过electron-build管理重新编译
在package.json中添加脚本
"scripts": {
    "postinstall": "electron-builder install-app-deps"
}
每次安装dependencies的包时,会自动检查并重新编译electron

*windows环境需还需要安装以下工具:
a。下载安装Visual C++ 2015 Build Tools(还依赖 .net framework)
http://landinghub.visualstudio.com/visual-cpp-build-tools
b。下载安装pyhton2.7,配置环境变量


5.打包发布
https://github.com/electron/electron/blob/master/docs/tutorial/application-distribution.md

方式一
可以下载预构建的二进制文件,把代码放到app目录下(或把代码压缩asar,再放到app目录下)运行electron.exe即可运行,可以通过rcedit修改exe的图标等信息
没试过该种打包方式如何使用nodejs原生模块

打只读压缩包(可能会有效率问题)
https://github.com/electron/asar

编辑exe信息
https://github.com/electron/rcedit

方式二
通过第三方工具,现时点官方推荐三种工具
https://github.com/electron-userland/electron-forge
https://github.com/electron-userland/electron-builder
https://github.com/electron-userland/electron-packager

electron-builder
electron-builder和electron-packager比较,普遍评论builder比较强大。
推荐使用yarn作为包管理器:https://yarnpkg.com

electron-forge
尝试使用时,执行electron-forge make命令出以下错误,
EMFILE: too many open files, open 'C:\Users\electron\AppData\Local\Temp\electron-forge\.runtime.config'
不知道怎么解决就放弃了,而且,windows下运行start命令超级慢,不知道是不是因为模块太多了。

electron-packager
未尝试,也不确定如果引用nodejs原生模块该怎么打包

方式三
grunt打包脚本
https://github.com/paulcbetts/grunt-build-atom-shell
没试过,项目好像也没有人维护了,貌似官网也已经从首页删除了该说明


总之,推荐使用electron-builder来做项目的管理,
重新编译nodejs原生模块也比较方便





分享到:
评论

相关推荐

    electron开发桌面程序windows+mac操作系统安装,集成前端react+ant design UI

    本教程将详细介绍如何在这些平台上安装和配置Electron环境,以及如何集成React和Ant Design UI库来创建美观且功能丰富的用户界面。 一、Electron基础 Electron是由GitHub开发的一个开源框架,它允许开发者使用Web...

    通过electronbuilder将Electron案例制作成Windows程序以及安装包

    首先,确保你已经安装了Node.js和npm(Node包管理器),因为Electron和electron-builder都是基于Node.js环境运行的。接着,创建一个新的Electron项目,可以使用`electron-init`或手动创建结构。基本项目结构应包括`...

    electron插件:electron-v20.1.1-win32-zip下载

    标题中的“electron-v20.1.1-win32-zip下载”指的是Electron框架的一个特定版本(v20.1.1)的Windows平台压缩包。Electron是一款开源的框架,它允许开发者使用JavaScript、HTML和CSS构建跨平台的桌面应用程序。这个...

    electron打包window应用.exe文件demo

    这个"electron打包window应用.exe文件demo"是关于如何利用Electron将项目转化为Windows平台可执行文件(.exe)的教程。下面我们将深入探讨这个过程,以及涉及到的关键知识点。 首先,你需要了解Electron的基本结构...

    Electron + React + Node.js + ES6 开发环境全配置好

    "Electron + React + Node.js + ES6 开发环境全配置好" 指的是一个已经配置完整的开发环境,该环境结合了四个关键的技术组件:Electron、React、Node.js 和 ES6。这样的组合常用于构建跨平台的桌面应用程序,因为...

    electron 使用 electron-builder 打包所需工具 winCodeSign-2.6.0.zip

    在本文中,我们将深入探讨 `Electron` 和 `Electron Builder`,以及它们如何协同工作,特别是关于 `winCodeSign-2.6.0` 这个工具在 Windows 环境下的签名和打包过程。 首先,我们来理解 `Electron`。`Electron` 是...

    Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新(包含源码)

    `electron-vue`是基于Vue.js和Electron的集成开发环境,它为Electron应用提供了Vue的开发支持。它包含了Vue CLI工具、Webpack配置、Vue Router、Vuex等,使得在Electron环境中开发Vue应用变得更加简单。通过`...

    electron for windows x64(v7.3.2).7z

    这个压缩包可能是对Electron环境的特定打包,便于用户在Windows平台上运行或开发Electron应用。 描述中提到“vscode网易云音乐插件”,意味着这个压缩包可能与Visual Studio Code(VSCode)的一个插件有关,该插件...

    electron-v28.1.0-win32-x64

    综上所述,这个压缩包包含了一个完整的Electron运行环境,包括JavaScript引擎、图形库、多媒体处理工具以及跨平台图形API的实现,这些都是构建和运行基于Electron的桌面应用所必需的组件。开发者可以使用这个包来...

    electron打包资源下载30.0.9/electron-v30.0.9-win32-ia32.zip

    综合以上信息,我们可以理解这个压缩包是为在Windows环境下构建和运行Electron应用提供的基础组件,包括JavaScript引擎、图形处理、国际化支持和多媒体处理等功能。开发者在打包Electron应用时,通常会依赖这样的...

    Node.js-直接在Node.js和Electron中使用Windows10AppsAPIs

    标题 "Node.js-直接在Node.js和Electron中使用Windows10AppsAPIs" 指的是一个关于如何在Node.js和Electron环境下利用Windows 10应用APIs的实践教程。这一技术允许开发者充分利用Windows 10操作系统提供的功能,如...

    win7中electron打包exe必须的系统底层程序.zip

    在Windows 7操作系统中,开发基于Electron框架的应用并打包为可执行文件(exe)时,需要确保系统具备一些必要的底层组件。这个压缩包“win7中electron打包exe必须的系统底层程序.zip”包含了三个关键组件:.NET ...

    windows95用Electron打包的可跨平台运行的Windows95系统

    标签“JavaScript开发-其它杂项”表明这个项目是在JavaScript环境中进行的,意味着所有的代码和逻辑都是用JavaScript编写的,包括与Electron框架的交互和对Windows 95的模拟。JavaScript作为一个广泛使用的编程语言...

    Electron 调用C# 动态库DLL

    总的来说,`Electron 调用C# 动态库DLL`这个主题涉及到的技术栈包括Electron桌面应用开发、Node.js环境下的C#调用、Vue.js前端框架(如果`vue.config.js`的存在表明了项目使用Vue.js)、以及Babel的代码转换。...

    electron-v22.3.27-win32-x64.zip

    Electron允许开发者使用Web技术(如HTML、CSS和JavaScript)来创建桌面应用,同时提供了Node.js环境以实现后台功能。 描述中同样提到"electron-v22.3.27-win32-x64.zip",意味着这是一个zip压缩包,包含了运行...

    electron-v1.7.10-win32-x64

    描述中提到的"用于electron生成windows64环境的exe文件",暗示了这个压缩包包含构建Electron应用所需的基础组件,尤其是用于生成Windows环境下可执行文件(exe)的资源。这通常包括运行时库、库文件和必要的依赖项。...

    electron_win_打包依赖.zip

    标题 "electron_win_打包依赖.zip" 暗示了这个压缩包包含的是Electron框架在Windows平台上构建和打包应用所需的依赖。Electron是一个开源库,它允许开发者使用JavaScript、HTML和CSS来创建跨平台的桌面应用程序。Vue...

    利用electron和nodejs开发的桌面截图工具,支持Windows、Mac、Linux,支持双屏幕.zip

    支持Windows、Mac、Linux,支持双屏幕" 这个标题揭示了我们讨论的是一个跨平台的桌面应用程序,它结合了Electron和Node.js的技术,实现了屏幕截图功能,并且能够处理多显示器环境。Electron是一个基于Chromium和Node...

    Electron桌面app实战

    针对"mac"标签,我们了解到Electron不仅支持Windows和Linux,同时也完美兼容Mac操作系统。这意味着开发者可以创建出与Mac系统风格一致的应用,提供原生的用户体验。在实践中,我们将研究如何利用Electron的macOS特定...

    electron-builder.rar

    在Windows 10环境下,由于网络环境可能受到限制,Electron Builder提供了一种解决方案。它允许开发者在良好的网络条件下先下载并缓存所有必要的构建资源,然后在本地进行构建。这样,即使在没有互联网连接或连接不...

Global site tag (gtag.js) - Google Analytics