1.Electron开发环境搭建

本文指导如何在Windows上设置Node.js环境,安装并配置国内镜像,通过npm管理依赖,创建并初始化Electron项目,包括全局和本地安装步骤。重点介绍了如何检查版本、启动界面及使用国内镜像加速安装过程。

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

前置条件:电脑上的node.js环境正常;

#查看node版本
node -v
#查看node包管理工具版本
npm -v
#查看默认仓库
npm config ls

查看npm仓库,建议使用国内镜像;

npm config set registry https://registry.npm.taobao.org

一、新建开发目录初始化项目(全局安装忽略这一步)

 npm init --yes

会生成一个package.json文件

二、安装electron依赖

npm install electron --save-dev
#全局安装
npm install -g electron
#安装windows32位的包,打包后的应用程序,可以运行在windows的32位和64位机器上
npm install --arch=ia32 --platform=win32 electron

命令说明:
npm install xxx :安装某个module到本地项目的node_modules,但不会把安装包的信息添加到package.json文件
npm install xxx --save:安装某个module到本地项目的node_modules文件夹,同时把相关模块依赖添加到package.json文件的dependencies中
npm install xxx --save-dev:安装某个module到本地项目的node_modules文件夹,同时把相关模块依赖添加到package.json文件的devDependencies
npm install xxx -g:与npm install module一样,只是module的安装是全局的
npm install xxx --save -g :与npm install module --save一样,只是module的安装是全局的
npm install xxx --save-dev -g:与npm install module --save-dev一样,只是module的安装是

 三、检查安装结果

#二选一即可,全局安装使用第一个命令
npx electron -v
./node_modules/.bin/electron -v

 如果没有看到版本号,重新安装即可

  

 四、查看electron界面

#全局安装使用
npx electron

 ./node_modules/.bin/electron

 默认界面

急速安装:

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install --arch=ia32 --platform=win32 -g electron

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值