Linux下Electron的Helloworld

时间：2021-11-07 10:43:13

什么是Electron

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

环境的搭建

因为运行需要依赖于Node.js，所以第一步是安装Node.js

安装方法网上有两种，第一种是Source Code源码，另一种是编译好的文件。

我第一种最终安装失败，采用第二种安装成功。

  1. 编译好的文件

    从官网上下载对应版本的文件，然后解压，解压完成之后回发现bin目录存在node以及npm，其实到这里以及基本可以，当然为了使用方便，我们把其命令设置为全局的，切到node和npm所在目录，执行如下命令
ln -s /path_to_node/node /usr/local/bin/node

ln -s /path_to_node/npm /usr/local/bin/npm
  1. 源码编译

    需要下载Source Code，编译需要一定的时间

    在root权限下执行
tar xvf node-v0.10.28.tar.gz

cd node-v0.10.28

./configure

make

make install

cp /usr/local/bin/node /usr/sbin/

查看当前安装的Node的版本

node -v

3.apt-get

这种方式不推荐，就不提了

Node.js安装完成之后就是Electron的安装了，按照github上的步骤，在官网上下载特别慢，所以需要淘宝的镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install electron-prebuilt -g

然后找到electron所在目录，我的是在dist文件夹下，然后使用ln设置为全局，然后下载官网上的electron-quick-start demo，解压，然后运行npm start，出现结果如下:

Linux下Electron的Helloworld

相关文章