「vue.js/導入」の版間の差分

2021年3月27日 (土) 20:47時点における最新版

初回セットアップ

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

• 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