用VSCode断点调试Electron应用-51CTO学堂-用vscode调试node.js

{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }} {{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }} {{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}

提问 {{ interaction.noteNum > 0 ? interaction.noteNum + '篇笔记' : '记笔记' }} 离线观看

下载学堂APP

缓存视频离线看

报告问题离线观看

下载学堂APP

缓存视频离线看

课程介绍

讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}

适合人群

electron程序员,web程序员,javascript程序员,极客

你将会学到

让学员学习什么是Electron，以及如何搭建Electron开发环境和基本的开发步骤。

课程简介

购买本课程后，可以加51CTO学堂李宁老师官方交流群：550369460 注意，该群只允许购买李宁老师课程的学员进行技术交流，加群时需要提供在51CTO购买李宁老师课程的订单编号（任何一个课程的订单编号即可）。

本课程是《Electron实战》专题的第1个课程，本课程将帮助学员走进Electron的大门，体验Electron的强大。

本课程同时在Windows和Mac OS X平台上操作和演示，同时也适合于Linux。不管学员使用什么平台，本课程的源代码都可以运行。

本课程的主要内容：

1. Electron简介
2.搭建Electron开发环境
3.编写第一个Electron应用
4.响应事件
5.Electron特性
6.用WebStorm开发Electron桌面应用
7.用Visual Studio Code开发Electron应用
8.断点调试Electron桌面应用
9. 在 WebStorm中与源代码管理平台（如github）交互
10.在Visual Studio Code中与源代码管理平台交互

Electron是Github推出的开源免费的开发桌面应用的框架，现在Github被微软收购，所以Electron目前属于微软公司。 Electron依赖于Node.js，Node.js允许用JavaScript语言开发服务端程序和终端程序（也就是命令行程序），也就是说对于Web应用来说，Node.js + JavaScript = PHP。当然，Node.js不仅能做Web应用，还能做服务端的应用，通过Electron的加入，又让JavaScript增加了一项新技能，这就是开发跨平台桌面应用。Electron使用的技术与开发Web应用的技术基本相同，也就是Web三剑客：HTML、CSS和JavaScript。前两个是做界面的，JavaScript是编写逻辑代码的。通过Electron处理后，可以让Web应用在本地运行，也就是说，用Electron开发的桌面应用本质上就是在本地运行的Web应用。也就是说，Web程序员可以很容易地利用electron开发出强大的桌面应用。

那么可能有很多同学要问，既然Electron桌面应用就是在本地运行的Web应用，那么我们为什么要使用Electron呢？直接做些网页在本地运行不就可以了吗？用Electron主要有如下两点好处。

1. 由于Electron是基于Node.js的，也就是说，Electron应用可以调用Node.js中的大量API（包括第三方的API）、如网络、加密、存储等。

2. 桌面应用和Web应用的最显著差异就是桌面应用可以访问本地的资源，如连接到计算机上的本地硬件（打印机、扫描仪、摄像头、蓝牙等），还有OS的一些资源，如托盘、docker、touchbar等。而Web应用不可以（即使可以，也是通过安装本地的Web插件实现的）。Electron中提供了大量的API可以完成这项工作。