Electron のインストール(Window 上)

Electron は Web アプリケーション開発のためのフレームワーク.

Web ページ: https://electronjs.org/

前準備

Git のインストール(Windows 上) [クリックして展開]

管理者権限コマンドプロンプトで以下を実行する.管理者権限は,winget の --scope machine オプションでシステム全体にインストールするために必要となる.

REM Git をシステム領域にインストール
winget install --scope machine --id Git.Git -e --silent --disable-interactivity --force --accept-source-agreements --accept-package-agreements --override "/VERYSILENT /NORESTART /NOCANCEL /SP- /CLOSEAPPLICATIONS /RESTARTAPPLICATIONS /COMPONENTS=""icons,ext\reg\shellhere,assoc,assoc_sh"" /o:PathOption=Cmd /o:CRLFOption=CRLFCommitAsIs /o:BashTerminalOption=MinTTY /o:DefaultBranchOption=main /o:EditorOption=VIM /o:SSHOption=OpenSSH /o:UseCredentialManager=Enabled /o:PerformanceTweaksFSCache=Enabled /o:EnableSymlinks=Disabled /o:EnableFSMonitor=Disabled"

Node.js のインストール

インストール手順

Electron のインストールは,https://github.com/electron/electron/blob/master/docs/tutorial/installation.md に記載の手順に従う

  1. Window でコマンドプロンプトを実行
  2. Electron のインストール
    npm install electron -g
    
  3. Electron Quick Start のダウンロード

    ダウンロードに,gitを用いる.

    mkdir c:\electron
    cd c:\electron
    rmdir /s /q electron-quick-start
    git clone https://github.com/electron/electron-quick-start
    
  4. Electron Quick Start のインストール
    cd c:\electron
    cd electron-quick-start
    npm install
    npm start
    

    新しく画面が開くので確認する