Electron demo实战

前言

Electron 是一个用 HTML,CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库。由GitHub开发的。


其原理是 Electron 通过将 Chromium 和 Node.js 合并到同一个运行时环境中,并将其打包为 Mac,Windows 和 Linux 系统下的应用来实现这一目的。

在公司里用到了Linux系统,所以就花了一点时间试着搭了一个体验一下。

  1. 安装这个网站走完安装部署步骤

    1. 创建electron桌面项目代码等结构参照以下链接github
    2. 一开始按照网上进行操作,最后会报错,无法执行,直接抛出——throw new Error(‘Electron failed to
      install correctly, please delete node_modules/electron and try
      installing again’) 如图

在这里插入图片描述

  • 操作的一些记录
    在这里插入图片描述

  • 查阅了一小会资料,原来是我的Ubuntu上缺少了一些库环境,不过每个人的情况不一样,先是确保你的Python版本在2.7.x,以及安装了node.js那些,就是以及完成了那些该走的步骤,再来就是安装下面的库了。

1
2
3
4
5
sudo apt-get install build-essential clang libdbus-1-dev libgtk-3-dev \
libnotify-dev libgnome-keyring-dev \
libasound2-dev libcap-dev libcups2-dev libxtst-dev \
libxss1 libnss3-dev gcc-multilib g++-multilib curl \
gperf bison python-dbusmock openjdk-8-jre

我的就是上面库没装,再次试了一遍之后就成功运行了。

最后运行成功如下
在这里插入图片描述)success