electron簡單項目目錄結(jié)構(gòu)

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
    <link rel="stylesheet" href="./app.css" />
  </head>
  <body>
    <h1>Hello World!</h1>
    We are using node <script>document.write(process.versions.node)</script>,
    Chrome <script>document.write(process.versions.chrome)</script>,
    and Electron <script>document.write(process.versions.electron)</script>.

    <script src="./app.js" type="text/javascript"></script>
  </body>
</html>

package.json

{
  "name": "my-electron",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "electron": "^11.1.1"
  }
}

main.js

const {app, BrowserWindow} = require('electron');

function createWindow() {
  // 創(chuàng)建瀏覽器窗口。
  const win = new BrowserWindow({
    width: 1280,
    height: 720,
    webPreferences: {
      nodeIntegration: true,
    },
    autoHideMenuBar: true,  // 默認隱藏菜單欄
    fullscreen: true,       // 默認全屏
  });

  // 加載index.html文件
  win.loadFile('index.html');
}

// Electron 會在初始化后并準備創(chuàng)建瀏覽器窗口時，調(diào)用這個函數(shù)。部分 API 在 ready 事件觸發(fā)后才能使用。
app.whenReady().then(createWindow);

// 當全部窗口關(guān)閉時退出。
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow();
  }
});

文件瀏覽器的demo： https://github.com/tugenhua0707/electron-demo/
打包命令： electron-builder --win
下載electron-builder： npm install electron-builder global

package.json

{
  "name": "window-electron",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder --win"
  },
  "build": {
    "appId": "com.example.app",
    "directories": {
      "output": "dist"
    },
    "nsis": {
      "oneClick": false,
      "allowElevation": true,
      "allowToChangeInstallationDirectory": true,
      "installerIcon": "./icon.ico",
      "installerHeaderIcon": "./icon.ico",
      "createDesktopShortcut": true,
      "createStartMenuShortcut": true,
      "shortcutName": "123"
    },
    "win": {
      "target": [
        {
          "target": "nsis",
          "arch": [
            "x64"
          ]
        }
      ]
    }
  },
  "keywords": [],
  "author": "kongzhi",
  "license": "ISC",
  "dependencies": {
    "electron": "^11.1.1"
  },
  "devDependencies": {
    "async": "^3.2.0"
  }
}

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊舉報。

打開APP，閱讀全文并永久保存查看更多類似文章

Electron remote 模塊、通過 BrowserWindow 打開新窗口 | HaowuliaoA

Electron Python界面開發(fā)（通過zerorpc）

【軟件技術(shù)】應(yīng)用軟件開發(fā)利器——electron

Vite+Electron快速構(gòu)建一個VUE3桌面應(yīng)用(二)

Electron 快速入門

丟棄 Tkinter！簡單配置快速生成超酷炫 GUI！

更多類似文章 >>

免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

electron簡單項目目錄結(jié)構(gòu)