前回のElectron情報は古かったようなので改めて書く（Ubuntu20.10）

前回、Ubuntu20.10にElectron環境を構築する手順を書きました。

非IT企業に勤める中年サラリーマンのIT日記

Ubuntu20.10にElectron環境を構築したのでメモ

Ubuntu20.10にElectron環境を構築したので書き留めておきます。ちなみにだいぶ古いですがWindowsにインストールした記事は以下の通り。4年前の情報なので今も同じ内容かはわかりませんが。今回のインストール先はUbuntu20.10です。 Electron関連パッケージのインストールNode.jsやnpmなどの関連パッケージを以下のコマンドでインストールします。$ sudo apt install nodejs$ sudo apt install npm$ sudo apt install libappindicator1  Electron本体をインストールします。$ sudo npm install electron -g  これで準備...

しかし、どうやらプロジェクト作成のところが古いやり方だったらしく、その部分のみ改めて書き直します。※Electronのインストールのところは問題ないのでそこは書きません。

プロジェクトの作成

任意のフォルダ上で以下のコマンドを打つとpackage.jsonというファイルが生成されます。

$ npm init -y
 

前回記事ではpackage.jsonの中身を修正しましたがそんなことをしなくてもOKです。

Electronのインストール

以下のコマンドを実行して、Electronをインストールします。

$ npm install -D electron
 

スクリプト作成

スクリプト（index.jsとindex.html）の作り方は変わりないので、以下を「ソースコード」を参照ください。

非IT企業に勤める中年サラリーマンのIT日記

Ubuntu20.10にElectron環境を構築したのでメモ

Ubuntu20.10にElectron環境を構築したので書き留めておきます。ちなみにだいぶ古いですがWindowsにインストールした記事は以下の通り。4年前の情報なので今も同じ内容かはわかりませんが。今回のインストール先はUbuntu20.10です。 Electron関連パッケージのインストールNode.jsやnpmなどの関連パッケージを以下のコマンドでインストールします。$ sudo apt install nodejs$ sudo apt install npm$ sudo apt install libappindicator1  Electron本体をインストールします。$ sudo npm install electron -g  これで準備...

アプリの起動

以下のコマンドでアプリが起動します。

$ node_modules/.bin/electron .
 

 - Electron, Linux