electron-vueでPhotonをインストール

Electronアプリ作成時に有用なUI toolkitのPhotonをelectron-vue環境で使う際の導入方法です。

インストール

プロジェクトディレクトリでnpm installするのではなく~/project-dir/appでインストールする。

$ npm install --save https://github.com/connors/photon

--saveでローカルインストール

インポート

app配下のnode_modulesにphotonが入っていればapp/src/main.jsに以下を追加する。

import 'photon/dist/css/photon.css'

以上です。