20250322学习electron记录

PyAIGCMaster2025-03-23 22:51

一步步来的。目标F盘

一、基本要求

复制代码

$ node -v
v16.14.2
$ npm -v
8.7.0

PS G:\> node -v
v20.17.0
PS G:\> npm -v
10.8.2
PS G:\>

二、创建应用，注意Ps模式下，&&变成 ;

复制代码

mkdir my-electron-app && cd my-electron-app
npm init

PS G:\> mkdir my-electron-app ; cd my-electron-app


    目录: G:\


Mode                 LastWriteTime         Length Name
----                 -------------         ------ ----
d-----         2025/3/22      9:16                my-electron-app


PS G:\my-electron-app> npm init

三、vscode 打开文件夹

这条命令会帮您配置 package.json 中的一些字段。为本教程的目的，有几条规则需要遵循：

入口点 应当是 main.js (您很快就会创建它)

author 、license 和 description 可以是任何值，但在稍后的packaging中是必需的。

复制代码

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "duyicheng",
  "license": "ISC",
  "description": "my_first_electron_app"
}

四、安装electron

换源

复制代码

PS G:\my-electron-app> npm config set registry https://registry.npmmirror.com

npm install electron --save-dev

npm 命令语法

在 npm 中：

-i 或 install 用于安装包。

-D 或 --save-dev 用于将包保存为开发依赖。故可以简写：

npm i ecectron -D

国内源的更换

国内 npm 镜像源推荐-CSDN博客

Npm没成功最后用的是

复制代码

yarn add electron --dev

时间是真长。什么原因？

五、写代码

等