20250322学习electron记录

基本要求 | Electron

一步步来的。目标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 (您很快就会创建它)
  • authorlicensedescription 可以是任何值,但在稍后的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 中:

  • -iinstall 用于安装包。
  • -D--save-dev 用于将包保存为开发依赖。故可以简写:
  • npm i ecectron -D

国内源的更换

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

Npm没成功最后用的是

复制代码
yarn add electron --dev

时间是真长。什么原因?

五、写代码

相关推荐
BillKu7 分钟前
Vue3数组去重方法总结
前端·javascript·vue.js
Asu52027 分钟前
思途SQL学习 0729
数据库·sql·学习
GDAL9 分钟前
Object.freeze() 深度解析:不可变性的实现与实战指南
javascript·freeze
江城开朗的豌豆28 分钟前
Vue+JSX真香现场:告别模板语法,解锁新姿势!
前端·javascript·vue.js
摸鱼仙人~37 分钟前
Vue.js 指令系统完全指南:深入理解 v- 指令
前端·javascript·vue.js
江城开朗的豌豆40 分钟前
Vue列表渲染的坑:为什么不能用index当key?血泪教训总结!
前端·javascript·vue.js
江城开朗的豌豆1 小时前
Vue中key的妙用:为什么你的列表渲染总出bug?
前端·javascript·vue.js
Zz_waiting.1 小时前
Javaweb - 13 - AJAX
前端·javascript·ajax
小楓12011 小时前
0基礎網站開發技術教學(一) --(前端篇)--
前端·javascript·css·html·web開發
张较瘦_1 小时前
[论文阅读] 人工智能 + 软件工程 | CASCADE:用LLM+编译器技术破解JavaScript混淆难题
javascript·论文阅读·人工智能