Mac安装搭建electron教程

最新推荐文章于 2025-05-30 09:00:45 发布

原创

最新推荐文章于 2025-05-30 09:00:45 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

本文详述了在Mac上安装Node.js、npm、Electron以及使用electron-packager打包的过程，包括设置代理以解决国内访问问题。通过简单示例展示如何运行Hello World程序，并介绍了打包工具的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

简介:本文介绍Mac上安装node，npm及electron的过程，附带helloworld程序。

一.安装Node.js

输入brew install node就可以完成Node.js和npm的安装。输入npm -v查看npm的版本号，以确认安装无误.

二.安装electron

输入npm install -g electron-prebuilt进行安装。
但是在国内直接这样是安装不了的，我们通过启动Privoxy和shadowsocks实现http代理:

npm config set proxy http://127.0.0.1:

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

这个地方我没有去过

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

electron Mac 环境搭建

men_shuangshuang的博客

11-06

4481

安装electron之前首先确保你已经安装好了 node.js跟npm 检测方法 node -v v10.11.0 npm -v 6.4.1 当返回版本号的时候，恭喜你 ~~~ 第一步你成功了其次是建立node.js的项目，对，你没有看错是node.js的项目，不要着急安装electron。搭建node.js项目之后你的项目文件列表中，会有node_...

【Electron学习笔记（一）】Electron基本介绍和环境搭建

禾戊之昂的博客

11-25

1578

本文将深入浅出地介绍 Electron 的基本概念、核心原理以及如何进行环境搭建，帮助读者快速上手 Electron 开发。我们将从安装 Node.js 和 npm（Node 包管理器）开始，逐步指导读者完成 Electron 的全局安装，并创建一个简单的 Electron 应用项目。通过实例演示，读者将能够直观感受到 Electron 开发的乐趣和高效。

参与评论您还未登录，请先登录后发表或查看评论

【保姆级超详细还免费】Electron应用提交至Mac App Store完整指南

最新发布

gitblog_00344的博客

05-30

477

Electron应用提交至Mac App Store完整指南去发现同类优质开源项目:https://gitcode.com/ 作为跨平台桌面应用开发框架，Electron允许开发者使用Web技术构建原生应用。本文将详细介绍如何将Electron应用提交至Mac App Store的完整流程，包括签名机制、提交步骤以及MAS构建的特殊限制。一、准备工作在开始之前，请确保满足以下条件：开发...

Mac 安装electron环境

酸柠檬的博客

02-22

5432

1、安装node.js http://nodejs.cn/download/ 在里面下载macOS的安装程序 2、下载cnpm sudo －s npm install -g cnpm --registry=https://registry.npm.taobao.org 3、安装electron npm install electron -g --unsafe-perm=true --a...

mac安装electron

weixin_55538192的博客

02-08

412

2、安装electron。

Mac 用yarn安装electron

disiongo的博客

10-18

933

问题1：百度收到的都是用npm，我试了一直不成功。解决方案：打开终端输入以下 1：先获取权限 sudo -s 下载yarn npm install -g yarn yarn安装成功后 yarn global add electron [1/4] ???? Resolving packages... [2/4] ???? Fetching packages... [3/4] ???? Linking dependencies... [4/4] ???? Buildin

2024年了，如何从 0 搭建一个 Electron 应用

Becomin' Charles

02-20

3651

介绍了如何利用项目模板，一行命令快速创建一个直接能够运行的 Electron App。

[electron] electron环境搭建

qq_47500842的博客

02-24

1360

electron入门环境搭建

Electron环境搭建(mac篇)

chuigu0767的博客

02-06

1437

本文简单介绍Mac上安装node，npm及electron的过程。由于mac本身就带node，我的node 版本是4.4.4，附带的npm版本是2.15.6我也没有升级，如果你想查看自己的版本请打开控制台输入以下命令 node -v 同样道理查看 npm版本号输入...

Electron安装 for mac

{丸の子}

03-08

550

第一次用Electron这个安装遇到些问题，按照官方的说明安装时总是出错先把npm/node装上，这个就从网上查吧修改npm镜像: [code="java"] npm config set registry http://registry.npm.taobao.org/ [/code] 安装cnpm: [code="java"] sudo npm install cnp...

mac开始第一个electron项目

qq_37243144的博客

06-30

1304

mac开始第一个electron项目

MAC 安装electron 报权限错误 npm权限错误

coder5266的博客

05-29

1053

使用sudo安装还是报permission denied 是因为electron安装时会执行node install.js是没有权限的。所以用以下命令安装 sudo ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ npm install -g electron--unsafe-perm=true --allow-root ...

macos安装electron和electron-builder报错问题

Zxl_sir的博客

05-18

2004

最近公司需求，需要做一个桌面端，其中需要用到electron-builder这个插件，安装的时候使用指令"vue add electron-builder",出现报错。报这个错是因为这个插件需要Node版本在14+以上，我们升级下Node版本就行了，这里我用的是naode v14.15.1的版本，这个版本也是很稳定的。这个问题出现的原因是电脑没有安装vue脚手架导致，使用vue --version查一下版本，发现还是识别不出这个指令无法检测，这里用“安装一下便可，如果没有效果卸载旧的，使用指令"

mac部署electron过程

ab7936573的专栏

12-23

6050

部署electron过程: 1. 先行准备配置npm环境避免下载过程过慢. 处理过程参照: http://blog.youkuaiyun.com/ab7936573/article/details/53789006 2. Mac平台下当前用户设置密码通过命令(sodu su)进入root模式. 备注:进入root需要输入密码,无密码则无法进入. 3. 通过npm install ???方式安

mac使用vue安装electron报错

weixin_41968146的博客

03-07

757

mac使用vue安装electron报错，npm install以后，执行npm run serve 一直报Error: Electron failed to install correctly, please delete node_modules/electron and try installing again，我用的webstorm，会有缓存问题，所以尽量在终端运行。

Electron的安装

zxl592402840的博客

04-18

353

在此只介绍Mac安装Electron遇到的问题，供大家参考。1.首先安装包管理工具Homebrew。参考网址：https://brew.sh/执行命令：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"查看版本信息brew -v2.安装好Homeb...

mac下electron始终安装不成功解决办法

帅比的博客

02-22

4800

首先安装的环境是electron8.0.1，node是12.4.0，npm是6.13.7 首先遇到的是npm安装到install.js是出现问题。使用cnpm或者换源解决。紧接着就是安装成功并没有error提示，但是日志输出中安装第二个插件有404响应异常。应该是cnpm仓库中没有8.0.1版本，之前我没注意到404提示导致我的helloworld一直报index.js错误。最后决定...

electron有关mac构建

路在脚下，幸福在手中，莫贪！！！！！

09-11

907

执行下面命令，检查下按照的 node.js 版本是不是 intel x64 指令集，如果是的话安装下 arm64 指令集的 node.js终端中执行以下命令：node -p process.arch。针对 Mac M1/2/3 芯片的设备，proces.arch=arm64.勾选以 Rosetta 打开（Open using Rosetta）。右键点击终端应用并选择获取简介（Get Info）。在 Rosetta 终端中安装nvm与 Node.js。打开应用程序文件夹中的终端应用。

快速搭建Electron+React项目样板指南

使用Electron，开发者可以编写一次代码，并通过Electron打包成可以在Windows, Mac和Linux上运行的应用程序。 2. **React框架应用** React是Facebook开发的一个用于构建用户界面的JavaScript库。它使用组件化的设计...