Electron学习笔记,安装环境(1)

发布于:2025-02-10 ⋅ 阅读:(59) ⋅ 点赞:(0)

1、支持win7的Electron 的版本是18,这里node.js用的是14版本(node-v14.21.3-x86.msi)云盘有安装包

Electron 18.x (截至2023年仍在维护中):
Chromium: 96
Node.js: 14.17.0

2、安装node环境,node-v14.21.3-x86.msi双击运行选择安装位置,都是下一步
成功后node和npm都已经安装好了
在这里插入图片描述
3、新建文件夹,用来放项目文件
运行

npm init

然后一路回车
在这里插入图片描述
4、配置npm使用阿里云镜像
首先,你需要设置npm的registry为阿里云的镜像。你可以通过以下命令来配置:

npm config set registry https://registry.npmmirror.com

5、安装electron18 版本文件内容

npm install -g electron@18.0.0 --save-dev

在这里插入图片描述
在这里插入图片描述
然后这里面有了一堆文件,就是安装electron成功了,否则就重新运行 install 命令,

6、文件配置
在这里插入图片描述

package.json

{
  "name": "eledemo",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "electron": "^18.0.0"
  }
}

main.js

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

const createWindow = () => {
  const win = new BrowserWindow({
    width: 800,
    height: 600
  })
// 把顶部自带的默认菜单去掉设置为null
  Menu.setApplicationMenu(null)
  win.loadFile('index.html')
}

app.whenReady().then(() => {
  createWindow()
})

7、运行程序

npm start

在这里插入图片描述

demo 程序运行成功

新复制过来的文件,里面没有 node_models文件依赖,就执行 npm install ,这个命令会根据package.json里的配置
下载对应的依赖包,然后再启动项目就可以了

npm install

网站公告

今日签到

点亮在社区的每一天
去签到