前端框架測試(二)-Electron最粗淺地運行

關于electron的使用,暫時只是粗淺使用:

  1. electron的安裝:我是通過npm安裝的,參考了使用Angular與TypeScript構建Electron應用(一)electron-prebuilt 安裝
  • npm i electron-prebuilt -g 安裝
  • electron -v 查看版本(是否安裝成功)
  1. 在要訪問的工程根目錄下寫一個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界面。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容