本文共 3505 字，大约阅读时间需要 11 分钟。

Web���������������������������������������

������������������������������������������������������������������������������������������������������������������CEF���heX���nw���electron������������������������������������������electron���������������������������������������������������������

###������������~electron

electron������GitHub������������������������������Chromium���Node.js���������������������������������������������������������������electron������������������������������������������������������������������������������

###������������������������

####1. ������Node.js

������������Node.js������������������������������������������������������������������������������

npm install -g cnpm --registry=https://registry.npm.taobao.org

���������������������������cnpm���������������������

####2. ������electron

������������������������������electron��� ���������������

npm install -g electron

���������������������

npm install --save-dev electron

###������������������

������Visual Studio Code���������������������������������������������������������������������electron���������������������������������������

###���������������������������electron������

electron������������JavaScript������������������������Node.js���������������������electron���������Electron������API���������������������������main.js���������������������������������800x600���������������������������index.html���

const {app, BrowserWindow} = require('electron');
function createWindow() {
    const win = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            nodeIntegration: true
        }
    });
    win.loadFile('index.html');
}
app.whenReady().then(createWindow);

index.html���������������������������������������������������������������������

    
   
    
    
   
    
Hello World!
    
    
    

###���������������������

���package.json���������������������������������������������������������������������

npm start

������������������������

electron .

###������������������������������

������������������������������������{@link package.json}������������������������������������������������������������������������������������������Chromium������������������������������������������������������������������������������������������������������������

###������electron-forge������������

electron-forge���������������electron������������������������������������������

���������������

npm install -g electron-forge

������������������

electron-forge init demo02

���������������

cd demo02
npm start

###������������������������������

���������������������������������������������������������������������������������������������

const {app, BrowserWindow} = require('electron');
function createWindow() {
    const win = new BrowserWindow({
        width: 800,
        height: 800,
        webPreferences: {
            nodeIntegration: true
        }
    });
    win.loadURL("http://www.baidu.com");
}
app.whenReady().then(createWindow);

###���������������

������electron-packager������������������������������������

npm install electron-packager -g

���������������

electron-packager ./ demo01 --win --out ./ --arch=x64 --app-version=0.0.1

������������������������������������������������������������

���������

npm install electron-installer-windows -g

���������

electron-installer-windows --src demo01-win32-x64 --dest .

���������������������electron���������������������������������������������������������������������������������������������������������������������������