使用Electron开发基于Node.js的桌面应用:开发环境的搭建(一)

本文介绍如何使用Electron框架结合JavaScript、HTML和CSS构建跨平台桌面应用。包括开发环境搭建步骤,如Node.js安装及版本验证,通过Git获取示例代码,以及npm命令的使用来安装依赖和启动第一个HelloWorld!应用。

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

概念

Electron可以使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用,对于前段的工程师来说为他们进入PC应用打开一扇大门。


一、开发环境搭建:

  1. 进入Node官网,下载指定版本的安装包:https://nodejs.org/zh-cn/download/releases/。我安装的版本是node-v8.10.0-x64.msi,安装包默认自带npm。
  2. 安装完毕后,打开cmd命令窗口,输入node -v,npm -v命令进行校验。输出正确的版本表示安装成功。

二、运行第一个例子,“Hello World!”

  1. 运行第一个例子最简单的方法就是在git上面下载现有的例子代码,地址:https://github.com/electron/electron-quick-start/trunk
  2. 在cmd命令窗口中cd到下载的目录里面来,输入命令:
    npm install

    开始安装运行需要的库electron:

  3. 如果下载的速度太慢,可以手动去官网下载对应的压缩包:https://npm.taobao.org/mirrors/electron。下载完毕后放到当前用户的目录下:C:\Users\用户名\.electron。 重新执行上面那个命令,就不需要下载那个包了。
  4. 输入命令:
    npm start

    我们的第一个例子就跑起来了。

 三、结尾

搭建好需要的开发环境后,我们就开始更复杂功能的开发。 下面一篇我将讲解nodejs如何调用c++写的dll。

下一篇链接:https://blog.youkuaiyun.com/dm569263708/article/details/97395982

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

那一片海

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值