Electron + node.jsの開発環境構築と新規プロジェクト作成(Windows)

Electron + node.jsの開発環境構築と新規プロジェクト作成(Windows)

前提

npm,nodeはインストールされているものとします。

新規プロジェクト作成

nodeのプロジェクト作成します。

electronはグローバルインストールでなくて大丈夫です。

https://www.electronjs.org/docs/tutorial/quick-start

クイックスタートにある通り、メインプロセスをmain.jsとし、index.htmlをロードします。

package.json

npm scriptsに"start": "electron ."と記述します。

{
"name": "create-app",
"version": "1.0.0",
"description": "",
"main": "main.js",
"scripts": {
"start": "electron ."
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"electron": "^11.1.0"
}
}

view raw
package.json
hosted with ❤ by GitHub

これで、npm startとタイプすればアプリが起動します。

次回はパッケージングしてEXEファイルを作成してみます。

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA