创建electron,解决包清理的问题,解决镜像源卡住下载时间长

我的电脑用户名是Anyphasy,我的node.js安装在D:\developp\nodejss18.18.0

使用npm config get prefix查看node.js安装路径

bash 复制代码
npm config get prefix

创建electron

创建package.json文件,它里面记载了你的electron版本,项目描述,以及启动命令等信息

bash 复制代码
npm init -y

先查看你自己的npmrc配置

列出镜像源列表,实际上在‪C:\Users\Anyphasy\.npmrc文件, 我的电脑用户名是Anyphasy

bash 复制代码
npm config list

如果你一开始输入命令下载

bash 复制代码
npm install electron --save-dev

缺少重要语句

bash 复制代码
ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/

如果你在命令行键入

bash 复制代码
npm config set ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/

不行,大多数帖子都是这么教的,这不对

‪直接找C盘C:\Users\Anyphasy\.npmrc文件

再输入:

bash 复制代码
npm config list

继续执行下载electron

bash 复制代码
npm install electron --save-dev
html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>你好啊</h1>
</body>
</html>
javascript 复制代码
const { app, BrowserWindow } = require('electron')

const createWindow = () => {
    const win = new BrowserWindow(
        {
            width: 1280,
            height: 720
        }
    )

    //直接加载刚才的html文件
    win.loadFile('index.html')

}

app.whenReady().then(() => {
    createWindow()
    app.on('activate', () => {
        // 在 macOS 系统内, 如果没有已开启的应用窗口
        // 点击托盘图标时通常会重新创建一个新窗口
        if (BrowserWindow.getAllWindows().length === 0) {
            createWindow()
        }
    })

}

)
app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') { app.quit() }
})

electron运行成功

清理缓存

找到npm缓存路径,我是没有看到electron的缓存

bash 复制代码
npm config get cache

其他的:

该命令要用管理员身份运行,直接在vscode里面输入会报错

bash 复制代码
npm install -g nodemon
相关推荐
车口17 小时前
滚动加载更多内容的通用解决方案
javascript
艾小码17 小时前
手把手教你实现一个EventEmitter,彻底告别复杂事件管理!
前端·javascript·node.js
Jedi Hongbin20 小时前
Three.js shader内置矩阵注入
前端·javascript·three.js
掘金安东尼20 小时前
Node.js 如何在 2025 年挤压 I/O 性能
前端·javascript·github
得物技术21 小时前
前端日志回捞系统的性能优化实践|得物技术
前端·javascript·性能优化
ZKshun21 小时前
[ 前端JavaScript的事件流机制 ] - 事件捕获、冒泡及委托原理
javascript
薛定谔的算法21 小时前
JavaScript栈的实现与应用:从基础到实战
前端·javascript·算法
魔云连洲21 小时前
React中的合成事件
前端·javascript·react.js
唐•苏凯1 天前
ArcGIS Pro 遇到严重的应用程序错误而无法启动
开发语言·javascript·ecmascript
萌萌哒草头将军1 天前
🚀🚀🚀 Oxc 恶意扩展警告;Rolldown 放弃 CJS 支持;Vite 发布两个漏洞补丁版本;Rslib v0.13 支持 ts-go
前端·javascript·vue.js