2020-02-08

Linux Mint に Electron をセットアップする

突然に思い立ち、Linux Mint 19.3 に Electron 開発環境をセットアップしてみました。

Electron とは以下のようなソフトウェアです。

Electronは、GitHubが開発したオープンソースのソフトウェアフレームワークである。

ChromiumとNode.jsを使っており、HTML、CSS、JavaScriptのようなWeb技術で、macOS、Windows、Linuxに対応したデスクトップアプリケーションをつくることができる。


まずは Node.js をインストールします。

apt install npm


これで npm と nodejs というパッケージがインストールされると思います。現時点では npm のバージョンが 3.5.2 で、nodejs のバージョンは v8.10.0 でした。



続いて、npm 上で Electron の資源をインストールします。

npm install electron

これでインストールされるはずですが、権限不足でインストールに失敗しました。エラーメッセージが返ってくるまでにかなり時間がかかります。10分〜15分くらいでしょうか。

権限不足ということで、sudo を付けてみました。

sudo npm install electron


しかし、これも権限不足のようなエラーメッセージで失敗してしまいました。

sudo npm install electron --unsafe-perm=true


最後はこんな風に --unsafe-perm=true を追加することでようやく Electron のインストールが完了しました。

インストール完了後に以下のコマンドで Electron の起動が確認できます。

~$ electron

Electron 8.0.0 - Build cross platform desktop apps with JavaScript, HTML, and CSS
Usage: electron [options] [path]

A path to an Electron app may be specified. It must be one of the following:
  - index.js file.
  - Folder containing a package.json file.
  - Folder containing an index.js file.
  - .html/.htm file.
  - http://, https://, or file:// URL.

Options:
  -i, --interactive     Open a REPL to the main process.
  -r, --require         Module to preload (option can be repeated).
  -v, --version         Print the version.
  -a, --abi             Print the Node ABI version.


成功すると以下のようなウィンドウが起動されるはずです。


 いったんここまで。