VueCLIからelectron-vue.jsをインストールしてVuetifyを利用する

VueCLIからelectron-vue.jsをインストールしてVuetifyを利用する

VueCLIを利用しないとVuetifyをelectron-vueで利用できないので、VueCLI をから electron-vue の環境を構築する

環境

  • OS  windows10 pro
  • node V10.16.3
  • npm 6.9.0
  • @vue/cli 4.1.1
  • Electron 6.0.12

VueCLIインストール

今回はグローバルでインストールしてます

プロジェクト作成

vueCLIでプロジェクトを作成します。今回はvuecli-testという名前で作成してます。

electron-builderを追加します

インストールが終わったので、とりあえず、起動してみます

起動できることが確認できます

Vuetifyインストール

次にVuetifyをインストールします

再度起動

Vuetifyが適応されていることが確認できます。

VueCLIを利用していない場合

vuecliがインストールされていない環境でVuetifyをインストールしようとすると、下記のコマンドを実行しても何も起きません。

インストールしようとした環境にvue/cliがインストールされてなかったので、 vue/cliインストール後に、再度実行すると vue/cli からインストールされてないので、下記のエラーが発生します。