第一讲 Electron跨平台开发介绍

Electron跨平台开发介绍

欢迎加入Electron跨平台初级课程学习

你好，亲爱的开发者朋友，欢迎加入Electron跨平台初级课程的学习，在下面的课程中，我将以图文诙谐幽默的方式，带领大家快速入门Electron跨平台桌面端的开发工作，我将带你手把手从一个前端开发者，进入到桌面客户端这一新的开发领域,本系列的课程将带你快速入门Electron开发，让你从一个客户端开发的门外汉快速入门，同样作为一个开发者，我深刻能够体会到开始进入新领域学习的一种恐惧！在我此系列的课程中，我将带你深入浅出的了解Electron开发，大家整理好心情，开始正式的学习吧！

什么是Electron?

Electron是一个使用MIT协议开源的使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。这是官方给的一个解释，通俗点来说就以下三点：

  1. 开源的，也就是你可以下载它的源码下来自己进行调整或者修改！
  2. 使用的前端技术，不需要学习什么新技术，对于前端开发者来说门槛极低！
  3. 跨平台，开发出来的软件可以同时支持运行在Windows，Linux以及Macos上面，这在之前对于很多开发者来说，跨平台将是一个非常繁琐且耗时的事情！

看完以后是不是热血沸腾，有种获得屠龙宝刀的快感。

为什么要学习Eelctron进行桌面客户端的开发？

对于个人

  1. 可以复用现有技术栈进行客户端软件的开发，减少不必要的学习损耗！
  2. 不断的深入前端技术的研究，容易形成领域内技术积累，形成稀缺性人才！
  3. 多一个发展和就业渠道！
  4. …

对于企业

  1. 复用现有技术人才，节省开支！
  2. 专注于行业的核心业务，不用被技术所限制！
  3. 原班人马开发客户端，对业务不用二次熟悉！
  4. …

桌面客户端开发技术那么多，为什么就选择Electron?

就目前来看，目前开发桌面客户端的技术很多，比如Windows家族的Winform,WPF。Qt Company 下的跨平台技术QT，还有和Electron同类的产品NW.JS，此处就列举一些常用的桌面开发技术，当然还有很多技术就不一一列举。这些技术都能实现桌面客户端的开发工作。为什么我们单独选择Electron呢。总结一下大概以下几点：

  1. 我本人做后端技术起家，Winform，WPF这些技术我都用过，在10年前，这些技术还是很流行的，我也很喜欢这些技术，但是对于一个前端开发人员来说，学习一项新技能，尤其是学习一门新的开发语言，投入的太多，没有个两三年时间，你的时间投入基本上没什么大的起色！QT 好多大厂在用，这些都需要投入很多精力时间去学习，并在实际的项目中总结出自己的经验。最主要的是Winform和WPF都不是跨平台的，QT虽然跨平台，但是不通平台版本的编译会很麻烦。总结一句话就是：吃力不一定讨好，付出不一定有回报！
  2. NW.JS虽然和Electron是同一类的产品，但是它的社区活跃度并不高。截至发稿时间，Electron的开源Star数量已经突破94.6K，Fork突破12.5K，可见使用Electron作为桌面开发的开发者有多少，这里面不乏有很多我们耳熟能详的使用Electron开发的工具：比如现在大家用的最多的宇宙第一编辑器vscode以及1，Atom 编辑器 2. Slack (那个独角兽公司）3. WordPress 等等。
  3. 容易上手，官方文档齐全，而且社区资源也比较多！

搭建第一个Electron环境

准备工作

  1. 安装nodejs最新版本下载,下载LTS版本进行安装！
  2. 电脑上面推荐安装git，方便从github下载代码！

安装Electron环境

  1. npm设置国内镜像源，不然下载会很慢或者根本安装不成功，推荐使用淘宝镜像源
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
  1. 安装Electron环境
npm install -g electron
  1. 查看安装的Eelctron版本
electron -v
posted @   星火燎猿*  阅读(42)  评论(0)  编辑  收藏  举报
相关博文：
· 第二讲 Electron项目创建的几种形式介绍
· Electron初阶教程大结局
· Electron学习（一）之第一个程序
· Electron学习（一）
· [转]基于前端技术栈的PC跨平台桌面应用开发技术Electron简介及快速入门
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛