More than 5 years have passed since last update.

Vue Cli 3 plugin for Electronの導入

Last updated at 2018-12-23Posted at 2018-12-23

前置き

ワンクリックでvueを実行したいので、Electronを導入してみました。
ここでは、Vue Cli 3 plugin for Electronを使います。
また、Mac上で構築しています。

ターミナルを開き、Vue CLI 3で作成したプロジェクトフォルダに入ります。
(プロジェクト作成方法については[Vue CLI 3でHello-Worldする]を参照してください)

「hello-world」プロジェクト内でelectron-builderを導入します。

$ vue add electron-builder

アプリをビルドします。

$ yarn electron:build

dist_electron/macにelectronの実行アプリケーションが作成されていますので、ワンクリックで起動できるようになります。