Windows10でelectron-nuxt.jsをインストールする

環境
Windows10 home 64bit
node v17.1.0
npm  8.1.2
Electron 17.1.2

操作方法
1.「cli-init」をインストールします

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
C:\>npm i -g @vue/cli-init
C:\>npm i -g @vue/cli-init
C:\>npm i -g @vue/cli-init

2.「electron-cft]いうプロジェクトを作成します

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
C:\>vue init nuxt-community/electron-template electron-cft
? Project name electron-cft #enter
? Project description Nuxt + Electron #enter
? Author #enter
? App Id (e.g. com.example.app)
vue-cli · Generated "electron-cft".
To get started:
cd electron-cft
npm install # Or yarn
npm run dev
C:\>vue init nuxt-community/electron-template electron-cft ? Project name electron-cft #enter ? Project description Nuxt + Electron #enter ? Author #enter ? App Id (e.g. com.example.app) vue-cli · Generated "electron-cft". To get started: cd electron-cft npm install # Or yarn npm run dev
C:\>vue init nuxt-community/electron-template electron-cft

? Project name electron-cft #enter
? Project description Nuxt + Electron #enter
? Author #enter
? App Id (e.g. com.example.app)

vue-cli · Generated "electron-cft".

To get started:

cd electron-cft
npm install # Or yarn
npm run dev

3.npmのインストール

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
C:\>cd electron-cft
C:\electron-cft>npm install
C:\>cd electron-cft C:\electron-cft>npm install
C:\>cd electron-cft
C:\electron-cft>npm install

3.npmの実行

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
C:\electron-cft>npm run dev
C:\electron-cft>npm run dev
C:\electron-cft>npm run dev

4.開発ツールを確認します
「View」->「Toggle Developer Tools」をクリックします。

Electron

Posted by arkgame