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

时间是真长。什么原因?

五、写代码

相关推荐
江城开朗的豌豆几秒前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆1 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆2 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆2 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js
前端 贾公子10 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript
江城开朗的豌豆14 分钟前
Vue路由传参避坑指南:params和query的那些猫腻
前端·javascript·vue.js
十里青山23 分钟前
超好用的vue图片预览插件更新啦,hevue-img-preview 7.0.0版本正式发布,支持vue2/vue3/移动/pc,增加缩略图、下载、自定义样式等
前端·javascript·vue.js
lichenyang45332 分钟前
css模块化以及rem布局
前端·javascript·css
Chef_Chen38 分钟前
从0开始学习R语言--Day39--Spearman 秩相关
开发语言·学习·r语言
天水幼麟7 小时前
动手学深度学习-学习笔记(总)
笔记·深度学习·学习