关于electron
的使用,暂时只是粗浅使用:
-
electron
的安装:我是通过npm
安装的,参考了使用Angular与TypeScript构建Electron应用(一)和electron-prebuilt 安装。
-
npm i electron-prebuilt -g
安装 -
electron -v
查看版本(是否安装成功)
-
在要访问的工程根目录下写一个
index.js
的文件(好像也不用是根目录,位置随意),文件内容是:const {app, BrowserWindow} = require('electron') let win; const createWindow = () =>{ win = new BrowserWindow({ width: 700, height: 500, show: false, }); //win.loadURL(`file://${__dirname}/html/sb-admin-v2/index.html`); win.loadURL(`http://localhost/sb-admin-v2/index.html`); win.webContents.openDevTools(); win.on('closed', () => win = null) win.on('ready-to-show', () =>{ win.show() win.focus() }) } app.on('ready', _ => createWindow()) app.on('window-all-closed', _ => process.platform !== 'darwin'&& app.quit()) app.on('activate', _ => win === null&& createWindow())
win.loadURL
那行可以指定入口地址。命令行在index.js
的目录位置输入electron ./
,这样就生成了一个最简单的electron
界面。