關于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
界面。