windows11 Electronを構築する
![windows11 Electronを構築する](https://mebee.info/wp-content/uploads/2021/12/windows11-890x500.png)
windows11で、Electronを構築する方法を記述してます。
環境
- OS windows 11 home
- node.js 16.13.2
- Electron 17.0.0
※nodejsがインストールされていないと構築できません。
node.jsのインストールはこちら
Electron構築
バージョンの影響がないようにローカルインストールでインストールします。
※「-D」を「-g」にするとグルーバルにインストールされます。
> npm i -D electron
起動してみます。
> npx electron
上記のコマンドを実行すると、以下の画面が起動します。
![](https://mebee.info/wp-content/uploads/2022/02/image-149-1024x693.png)
Hello World用プロジェクト作成
サンプル用の「Hello World」を作成してみます。
※ここでは「testpro」というプロジェクト名で作成してます。
> npx create-electron-app testpro
Need to install the following packages:
create-electron-app
Ok to proceed? (y) y
移動して起動してみます。
> cd testpro
> npm start
起動することが確認できます。
![](https://mebee.info/wp-content/uploads/2022/02/image-150-1024x772.png)
ソースコードは「src」配下に存在します。
![](https://mebee.info/wp-content/uploads/2022/02/image-151.png)
typescript
typescriptを使用する場合は、「–template=typescript」を使用します。
> npx create-electron-app testpro-type --template=typescript
typescriptファイルが作成されていることが確認できます。
![](https://mebee.info/wp-content/uploads/2022/02/image-152.png)
-
前の記事
MySQL 列の値を全て区切り文字で抽出する 2022.02.17
-
次の記事
dockerで構築したkongにkongaからsslを適応する 2022.02.17
コメントを書く