electron 簡單介紹：
實現：HTML/CSS/JS桌面程序，搭建跨平臺桌面應用。
electron 官方文檔：
[https://electronjs.org/docs]
本文是基于以下2篇文章且自行實踐過的，可行性真實有效。
文章1： https://www.cnblogs.com/sunshine-blog/p/9915222.html
文章2：https://jingyan.baidu.com/album/9225544671aecf851648f484.html?picindex=2
總結：
1 創建項目文件夾，我隨便取名newBing
2 項目初始化，生成package.json。（使用命令npm init -y 初始化生成package.json文件）
3 很重要，就是安裝electron的依賴包咯：
項目終端運行：npm install electron -g【加g是全局安裝，自動添加到環境變量中】
檢查是否安裝成功：輸入electron回車，出現一個類似瀏覽器的工具，直接拖進去一個網頁即可
（以上操作安裝如果不成功，就換代理鏡像，切cnpm等操作，安裝下來就行，檢查是否安裝成功：輸入electron回車，出現一個類似瀏覽器的工具：）
4.第四步，配置必要的文件，下圖一是基本的electron可啟動的項目結構，完成前三步的應該有以下紅框中的文件。我們再手動配2個文件index.html和main.js就能啟動了
index.html代碼：
<!DOCTYPE html><html><head><title>桌面應用title</title></head><body><h1>Hello World!</h1>We are using io.js <script>alert('桌面應用')</script>and Electron <script>document.write(process.versions['electron'])</script>.</body></html>
main.js代碼：
const electron = require('electron');
const app = electron.app; // 控制應用生命周期的模塊。
const BrowserWindow = electron.BrowserWindow;// 創建原生瀏覽器窗口的模塊
// 保持一個對于 window 對象的全局引用，不然，當 JavaScript 被 GC，
// window 會被自動地關閉
var mainWindow = null;
// 當所有窗口被關閉了，退出。
app.on('window-all-closed', function() {// 在 OS X 上，通常用戶在明確地按下 Cmd + Q 之前// 應用會保持活動狀態if (process.platform != 'darwin') {app.quit();}
});
// 當 Electron 完成了初始化并且準備創建瀏覽器窗口的時候
// 這個方法就被調用
app.on('ready', function() {// 創建瀏覽器窗口。mainWindow = new BrowserWindow({width: 800, height: 600});// 加載應用的 index.htmlmainWindow.loadURL('file://' + __dirname + '/index.html');// 打開開發工具mainWindow.openDevTools();// 當 window 被關閉，這個事件會被發出mainWindow.on('closed', function() {// 取消引用 window 對象，如果你的應用支持多窗口的話，// 通常會把多個 window 對象存放在一個數組里面，// 但這次不是。mainWindow = null;});
});
package.json：
{"name": "new-bing","version": "1.0.0","description": "","main": "main.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC","dependencies": {"cnpm": "^9.2.0"}
}
要注意下package.json里的mian對應的是main.js還是index.js,名字要和我們目錄下的入口文件一樣。
接下來就是打開我們新建的應用了，根據圖一的相對路徑 ，找到electron的絕對路徑加空格拼上我們項目的絕對路徑，就打開了，我的是cmd運行 （window+R.輸入cmd，彈框輸入以下命令:）
C:\Users\Administrator\AppData\Roaming\npm\node_modules\electron\dist\electron.exe C:\Users\Administrator\Desktop\新人資料\NewBing
打開后的效果為：
文章到此結束了、
下面是我的參考文章2里的打開方式：
】對Linux權限的理解)
