vue.js/導入

提供: 個人的記録
2021年3月27日 (土) 20:47時点におけるGonbe (トーク | 投稿記録)による版 (ページの作成:「Category:vue.js == 初回セットアップ == ※2回目以降はスキップ可能 * node.js のインストール * vueのインストール 以下のコマ...」)

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索


初回セットアップ

※2回目以降はスキップ可能

  • node.js のインストール
  • vueのインストール

以下のコマンドでvueをglobalにインストールする。

npm install -g @vue/cli

プロジェクトの作成

  • 以下のコマンドでプロジェクトを作成する
vue create <プロジェクト名>

ウィザードが起動するので必要な設定を選択する。

完了すればプロジェクトのフォルダが作成され、必要な設定とサンプルが構築されている。

electron のインストール

electron が必要な場合、以下のコマンドをプロジェクト内で以下のコマンドを実行する。

vue add electron-builder

ウィザードが起動するので必要な設定を選択する。

electron でアプリを起動

npm run electron:serve

electron でビルド

npm run electron:build