search
LoginSignup
5
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

posted at

updated at

Vue Cli 3 plugin for Electronの導入

前置き

ワンクリックで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の実行アプリケーションが作成されていますので、ワンクリックで起動できるようになります。

スクリーンショット 2018-12-23 22.09.51.png

参考

Vue Cli 3 plugin for Electron
https://github.com/nklayman/vue-cli-plugin-electron-builder

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
5
Help us understand the problem. What are the problem?