Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

Vue Cli 3 plugin for Electronの導入

More than 1 year has passed since last update.

前置き

ワンクリックで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

nullpo24
AI×ロボット→ベーシックインカム? AIロボット以前にシーケンスロボットに仕事を奪われてしまった底辺。 AI・ロボットが普及しBI(ベーシックインカム)が早急に実現されることを願う https://nullpo24.hatenablog.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away