美文网首页Electron
windows初次配置Electron基本步骤

windows初次配置Electron基本步骤

作者: 什么破代码 | 来源:发表于2020-03-24 22:17 被阅读0次

    基本介绍

    关于 Electron

    Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将ChromiumNode.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。
    具体其他关于版本以及更详细信息可见官网

    关于 Node.js

    简单的说 Node.js 就是运行在服务端的 JavaScript。
    Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
    Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。
    详细信息可见官网

    环境搭建说明

    可以使用原生的Node.js开发环境来开发Electron应用。 为了打造一个Electron桌面程序的开发环境,只需要安装好Node.js、npm、一个顺手的代码编辑器以及对你的操作系统命令行客户端有基本了解即可。
    Electron 支持Windows 7 及以上版本---任何在低版本Windows上开发Electron的尝试都将是徒劳无功的。

    环境搭建

    安装node.js

    node.js的安装非常简单,只需要在官方网站下载处选择本系统相对应的安装包即可安装。
    在官网下载系统所需版本:

    下载完成后,双击进行安装操作: 如正常安装步骤一样,直至安装完毕。 点击Finish弹出命令行窗口: 说明安装已成功。
    node安装完毕后,默认会已经安装了npm,可以再命令行窗口中验证:npm -v 可以看到npm的版本为6.13.7。
    同时,我们也可以查看一下Node.js的版本信息:node -v

    至此,安装Electron所需的依赖程序已安装完毕,接下来进行Electron的安装

    安装Electron

    要安装预编译好的的二进制文件, 请使用 npm。 首选的方法是在项目中作为development dependency安装。
    不过默认的安装会很慢或者安装失败,原因是资源请求问题。我们可以先进行镜像设置,设置请求镜像为国内资源,例如taobao镜像。
    随后可以使用命令进行安装(这里选择全局安装):

    npm install electron -g --ELECTRON_MIRROR=https://cdn.npm.taobao.org/dist/electron/
    

    安装完毕后,可以查看当前安装版本信息

    electron -v 
    

    至此,electron已经安装完毕。

    关于编译器

    推荐使用VS Code进行开发。官网下载安装即可。这里略过。

    安装打包工具

    为了方便最终成果输出,建议安装electron-packager工具,安装也很简单,建议以下面的命令全局安装:

    npm install -g electron-packager
    

    至此,开发打包所需要的基本环境已经构建完成。下一篇将讲解一下如何使用。

    相关文章

      网友评论

        本文标题:windows初次配置Electron基本步骤

        本文链接:https://www.haomeiwen.com/subject/ilwayhtx.html