electron小白用戶，按照本文操作可以實現Demo運行。
一、安裝依賴環境：
1、使用brew安裝node：
brew install node
2、檢驗node和npm版本
node -v
v11.3.0
npm -v
v11.3.0
3、安裝electron：
方法一：
npm install -g electron
方法二（使用淘寶鏡像）：
cnpm install -g electron
二、創建文件：
1、創建文件夾名稱爲electron_demo：
mkdir electron_demo
打開終端，執行：
cd electron_demo/
2、使用npm init設置App信息，執行npm init會提示配置App信息，按照提示操作，package name不支持大寫。
點擊回車可以看到electron_demo目錄下多了一個package.json文件。
3、給當前項目electron_demo安裝electron:
方法1：
npm install --save-dev electron
方法2（使用淘寶鏡像）：
cnpm install --save-dev electron
4、創建main.js文件，並添加以下內容：
const electron = require("electron");
const { app, ipcMain, BrowserWindow, session} = electron;
var myWork;
app.on("ready", (e) => {
myWork = new BrowserWindow({
center: true,
webPreferences: {
plugins: true,
allowDisplayingInsecureContent: true,
allowRunningInsecureContent: true,
}
});
myWork.loadURL(__dirname + "/index.html");
myWork.show();
myWork.openDevTools();
});
5、在electron_demo文件目錄下創建index.html，並添加以下內容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>houzhigao.cn</title>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
6、修改package.json文件中的main值
到此處爲止，electron項目已經創建完成。
三、運行：
在當前目錄下直接執行：
electron .
注意electron後面有一個空格和點
當前目錄結構：
擴展：
安裝淘寶鏡像方法：
淘寶 npm 地址： http://npm.taobao.org/
臨時使用:
npm --registry https://registry.npm.taobao.org install express
持久使用:
npm config set registry https://registry.npm.taobao.org
配置後可通過下面方式來驗證是否成功
npm config get registry
通過cnpm使用:
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用:
cnpm install electron
更多信息，請訪問：houzhigao.cn