Electron系列教程——第二篇:第一个示例

本教程是Electron系列的第二篇,通过创建一个显示'Hello, Electron!'的简单窗口,介绍如何配置Windows环境,理解Electron的基础结构和文件作用。你将学习到如何安装 Electron、编写源代码,包括package.json、main.js和index.html,并运行你的第一个Electron应用。" 114659397,10547489,Java实现小球运动与反弹模拟,"['Java开发', '图形界面', '移动开发']
摘要由CSDN通过智能技术生成

Electron系列教程——第二篇:第一个示例

一、楔子

在正式开始音乐播放器项目之前,还需要来个简单的案例,以便更好的理解Electron。如果你已经使用过Electron,可以跳过这篇。

本篇将实现:

1,Electron的Windows运行环境配置;
2,Electron开发时的源码结构讲解;
3,结构中每一个文件的作用;
4,运行第一个Windows客户端

二、目录

三、正文


一:安装electron

1.依赖管理工具的安装:

yarn是一个快速、可靠、安全的依赖管理工具。点击前往yarn中文网,下载最新版本。
你也可以使用npm。

2.安装electron包:

cmd命令窗口下,执行如下命令,下载最新版本的electron:

>yarn global add electron
OR
>npm install electron -g
3.验证electron安装成功:

随意开启一个cmd窗口,运行命令:electron ,如果你见到弹出如下窗体,说明安装成功。
这里写图片描述

3.解释下弹出的窗体:

如你所见,这个窗体是,默认情况下弹出的引导性窗体。所谓默认情况,是指还没有编写任何自定义源码的情况。


  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值