前端框架测试(二)-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界面。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容