前置き
ワンクリックで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の実行アプリケーションが作成されていますので、ワンクリックで起動できるようになります。
参考
Vue Cli 3 plugin for Electron
https://github.com/nklayman/vue-cli-plugin-electron-builder