Electron(原名为Atom Shell)是 GitHub 开发的一个开源框架。它允许使用 Node.js(作为后端)和 Chromium(作为前端)完成桌面GUI应用程序的开发。Electron 现已被多个开源 Web 应用程序用于前端与后端的开发,著名项目包括 GitHub 的 Atom 和微软的 Visual Studio Code。

随着时代的发展,TypeScript 越来越受到前端开发人员的欢迎,源于 TypeScript 是 JavaScript 的严格超集,不仅包含 JavaScript 的语法,而且还提供了静态类型检查。

目前 Electron 并不支持直接使用 TypeScript 进行开发,但官方提供了 electron-quick-start-typescript,我们将在此基础上进行开发。

在运行以下代码之前,你需要确保已经安装了 Git 和 Node.js。

这样你就可以在项目中愉快的使用 TypeScript 进行项目开发了。

当你在某一天需要把一个现有 TypeScript 项目转成 Electron 应用时,你可能会遇到一些麻烦。你的项目可能使用了 webpack 进行代码编译,但 webpack 并没有对 Electron 做优化,因此编译后的代码往往无法直接使用 electron 运行。这时候你可能会想到重构项目,但往往重构项目代码的成本会远超你的预期,并且可能会带来更多的不可预知的问题。

如果你退一步,将 Electron 作为项目插件来运行的话,那么问题就可以轻松解决了。

你可以在原来项目的下创建一个 electron 目录(你可以使用其他目录名称),并创建 main.ts、preload.ts 文件。