从无到有新建一个electron+react+typescript桌面客户端（一）

---

从无到有新建一个electron+react+typescript桌面客户端（一）

---

新建项目开发模板

1. 新建

 mkdir desk-annual-lottery   
 cd desk-annual-lottery
 npm init
 npm install electron --save-dev //汗 公司的网络这一步就失败了，咋也装不上

eletron安装失败的解决方案
新建.npmrc文件，添加一行配置

electron_mirror=https://npm.taobao.org/mirrors/electron/

重新执行electron的安装命令

亲测有效

继续

mkdir web //用于放置前端相关代码
mkdir app //electron的

//用自己想要的脚手架创建一个web 模板应用，这里我用的umi
cd web
npx @umijs/create-umi-app  //报错的话就先安装一下 npm i @umijs/create-umi-app -g
npm install

cd app

编写app代码，创建main.ts

import {app, BrowserWindow} from 'electron';
import path from 'path';
let mainWindow: Electron.BrowserWindow;
/**
 *
 */
function createWindow(): void {
  // Create the browser window.
  mainWindow = new BrowserWindow({
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
    },
    width: 800,