electron刚开始学,基本都是使用electron-quick-start: https://github.com/electron/electron-quick-start
很牛逼有木有,一个目录都没有。
我们改造一下,把index.html
,main.js
,renderer.js
放到app
目录,再把package.json里的main
设置为app/main.js
执行npm run start
,显示空白,并没有hello world
为什么呢?
看一下package.json设置,start
执行的是electron .
命令,那个这个.
是什么,一脸蒙逼…查很多资料,竟然没找到文档
"scripts": {
"start": "electron .",
"packager": "electron-packager ./ ElectronHelloWorld --out ./dist --appVersion 1.0.0 --overwrite",
"build:dir": "electron-builder --dir",
"build": "electron-builder"
},
通过调试,发现.
指向的是当前目录的index.html
改一下package.json
"scripts": {
"start": "electron ./app/index.html",
"packager": "electron-packager ./ ElectronHelloWorld --out ./dist --appVersion 1.0.0 --overwrite",
"build:dir": "electron-builder --dir",
"build": "electron-builder"
},
久违的hellow world又出现了
既然.
指向的是一个URL,那指向一个线上URL会怎样?
参考: https://electronjs.org/docs/tutorial/debugging-main-process
electron通过reactjs自定义最大化、最小化、关闭功能
无边框窗口是不带外壳(包括窗口边框、工具栏等),只含有网页内容的窗口。 这些是 BrowserWindow 类上的选项。透明窗口是没有阴影部分。利用css设置自定义区域可拖动。
nsis中文手册及安装
对electron目录调整后,打包白屏?而使用electron-packager打包没问题,什么原因呢?
electron .命令是什么?能换成别的目录吗?当然可以~
electron-builder相对electron-packager有更丰富的的功能,支持更多的平台,同时也支持了自动更新,electron-builder打出的包更为轻量,并且可以打包出不暴露源码的setup安装程序
window下使用 electron-packager将electron打包成exe可执行文件
electron快速开始入门