windows10 Electron-Nuxt.jsをインストールする

• 作成日 2019.11.27
• 更新日 2020.07.21
• Electron nuxt.js
• Electron, nuxt.js

electron-nuxtの環境構築。 nuxt-community/electron-templateを利用してインストールしてます。また、nodejsがインストールされることが前提となります

window10にnodejsのインストール手順はこちら

目次

• 1. 環境
• 2. インストール
• 3. Hello Worldしてみる

環境

• OS  windows10 pro
• node V10.16.3
• npm 6.9.0
• Electron 6.0.12

インストール

nuxt-community/electron-templateを利用してインストールします。

## electron-nuxtというプロジェクトを作成してます
vue init nuxt-community/electron-template electron-nuxt

## インストール
npm install

## 実行
npm run dev

Electronが起動します。

Hello Worldしてみる

pages内のindex.vueのh1タグを下記のように編集

<h1>Hello World</h1>

下記の通りHello Worldと表示されます

• 前の記事
  

  Macでwgetコマンドを利用できるようにする 2019.11.26

• 次の記事
  

  windows10にmongoDBをインストールする 2019.11.27