2023年7月17日发(作者：)

前端的GUI程序：Electron框架借助Electron框架，就能⽤开发桌⾯的GUI程序了，还可以将其编译成.exe⽂件【VSCode就是基于Electron框架的，运⾏在Electron内置的浏览器⾥⾯】基于Electron的GUI技术：除了移动端可以采⽤Hybird⽅案，桌⾯程序也可以使⽤这种混合开发模式。Electron环境：Electron框架内置了Chromium浏览器让前端的代码可以运⾏在开源的浏览器上⾯。经过这样的封装，前端的代码就成了GUI程序了。安装Electron环境：【cnpm/npm】cnpm install -g electron 创建Electron⼯程：1.创建⽂件夹，执⾏初始化：npm init填写⼯程信息，会产⽣⼀个的⽂件。2.为⼯程安装Electron依赖包：cnpm install --save-dev electroncnpm install设置Electron的启动⽂件：创建，,设置为启动⽂件。⼩实战案例：Less技术需要安装插件配置插件：其中的onDidSaveExecution是说保存less⽂件的时候就⾃动编译css⽂件，此处改为true,并重启HBuilderx⼯具。然后编写代码：//t { app, BrowserWindow } = require('electron')('ready',function(){//匿名函数 //创建浏览器窗⼝ let win = new BrowserWindow({ width: 800, height: 700, frame: false,//隐藏菜单栏 resizable: false //不允许⽤⿏标拖拽窗体的⼤⼩ })

//加载⽂件 le('')})