zoukankan      html  css  js  c++  java
  • 2、Electron Hello Word!

    1、环境

    package.json(用于配置Electron工程信息),可通过npm init 初始生成

    {
      "name": "HelloWorld Electron",
      "version": "1.0.0",
      "main": "main.js"
    }
    View Codet

    index.js(桌面应用的入口点)

    // 应用的控制模块
    const electron = require('electron');
    const app = electron.app;
    // 创建原生浏览器窗口的模块
    const BrowserWindow = electron.BrowserWindow;
    var mainWindow = null;
    function createWindow(){
        mainWindow = new BrowserWindow({  800, height: 600 });
        mainWindow.loadURL('file://' + __dirname + '/index.html');
    }
    app.on('ready',createWindow);
    View Code

    index.html(桌面应用的主窗口界面)

    <!DOCTYPE html>
    <html>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>My First Electron App</title>
    <body>
        <h1>Hello World!</h1>
        <h1>你好,世界!</h1>
    </body>
    </html>
    View Code

    执行:

    #进入目录
    electron .

    electron -v

    v1.4.13

    您提供的示例代码对我而言适用于2.0.6。

    我的猜测是,当使用调用测试用例时electron index.js,您选择的是不带电子版本的旧版本,该版本已BrowserWindow.loadFile()在2.0.0版中添加-请尝试electron -version从命令行运行以查看所用的版本已安装。

    如果事实证明这是问题所在,请查看electron-quick-start其及其package.json示例,以了解您的应用程序可以如何指定要使用的Electron版本。

  • 相关阅读:
    Ecplilse使用
    JDK安装
    浏览器的前世今生
    RethinkDB
    [css]兼容性
    【js】undefined
    String面试题
    SOS.dll(SOS 调试扩展)
    【ajax跨域】原因原理解决
    腾讯WEB前端开发三轮面试经历及面试题
  • 原文地址:https://www.cnblogs.com/xiaoruilin/p/14453635.html
Copyright © 2011-2022 走看看