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版本。

  • 相关阅读:
    70. 爬楼梯
    278. 第一个错误的版本
    88. 合并两个有序数组
    C++string与int的相互转换(使用C++11)
    108. 将有序数组转换为二叉搜索树
    102. 二叉树的层次遍历
    101. 对称二叉树
    98. 验证二叉搜索树
    ServletContext对象
    ServletConfig对象
  • 原文地址:https://www.cnblogs.com/xiaoruilin/p/14453635.html
Copyright © 2011-2022 走看看