1. 创建项目，创建时 选择 nodejs 项目，因为 开发 electron 与 开发 nodejs 基本一致。
2.安装 electron
npm i -D electron@beta
看目录分析：
他妈的 在 npm 官方网站是搜索框里都搜不到 这个，百度才出来，网址为：https://www.npmjs.com/package/@types/electron
3.安装 typescript
4.开始根据，electron的文档，开始实战。
接下来需要配置，typescript ，让main.ts自动 编译成 main.js 这个是我独创摸索的方法。
接下来，我们开始 分析一下 这个 demo的main.js的代码：
我们main.ts里 写代码的时候，发现没有智能提示！！！，这怎么能行，这是因为 官方 demo都是用的 commonjs模块化 + es6语法，即：只有在 js文件里写 才会有智能提示，
我们新建一个abc.js文件 而不是ts留意 ，然后把官方的main.js里的 代码 放到 abc.js 看下 是否会有智能提示。如下gif:
【重要！重要！重要！只所以，在ts下 没有 智能提示，原因是 ts的模块化 最终要翻译成 commonjs amd cmd es6标准模块 等等，需要兼容很多模块化，难点就在这里，问题点，也出在这里 非常重要，这里。】
那么ts的开发者 就必须 自己有一套 模块化，最终 把自己的这一套模块化 通过编译器 编译成 各种模块化规范，那么 ts官方 就指定了 针对最终要转换成 commonjs模块化规范时，在ts里 应该如何
写的规范，看官方文档：
/* 这个是官方的写法，这个是直接写在js 文件中的，没有问题，但是我们是用 ts的 需要改变 */ //const { app, BrowserWindow } = require(‘electron‘);//另外注意，这是一种解构赋值写法.
若要引入，官方的模块的话，最好的方法 就是让 IDE自动引入把，看下面gif:
electron、nodejs、typescript、idea 组合开发，安装和配置 以及错误 等 详细说明
原文：https://www.cnblogs.com/del88/p/13275136.html