官方网址：

    https://www.electronjs.org/zh/

安装方式

   第一种： 基于electronjs提供的脚手架来安装

npm init electron-app@latest my-app

cd my-app
npm start

   第二种，已有仓库安装

  注意： 后面的教程我们都是基于第二种来学习的

mkdir electron-demo
cd electron-demo

npm init -y

npm install --save-dev electron@latest

第一个应用

根目录创建main.js、index.html

index.html文件全部内容如下

<h1>Hello from main window</h1>

main.js全部内容如下

const { app, BrowserWindow } = require('electron');

function createWindow () {
    let win = new BrowserWindow({
        width: 800,
        height: 600,
    })

    win.loadFile('index.html')
}

app.on('ready', () => {
    createWindow();
})

修改package.json文件

增加一个start命令

修改入口文件main

{
  "name": "electron-demo2",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "electron ."
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "type": "commonjs",
  "description": "",
  "devDependencies": {
    "electron": "^36.2.0"
  }
}

   electron . 是什么意思？

       Electron 框架的可执行文件（CLI 命令），用于启动 Electron 应用的主进程

       . 表示当前工作目录，Electron 会从当前目录中查找并加载入口文件（通常是 main.js 或 index.js）

       当你在终端运行 npm start 或 yarn start 时：

• 查找入口文件

           Electron 会按照以下顺序查找入口文件：

               优先使用 package.json 中 main 字段指定的文件（如 "main": "main.js"）

               如果未指定 main 字段，则默认查找当前目录下的 index.js

• 启动主进程

               Electron 启动主进程（Main Process），执行入口文件中的代码（通常是创建窗口、加载页面等操作）。

• 渲染进程初始化

               主进程中通过 BrowserWindow 创建窗口后，Electron 会启动渲染进程（Renderer Process）加载页面内容。

然后npm starrt 就会启动一个命令了

恭喜自己/你， 第一个桌面应用程序成功啦

使用nodemon

   安装： npm i nodemon --save-dev

    修改package.json的start,

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "nodemon --watch main.js --exec \"electron .\"",
    "dev": "electron ."
  },