1，首先確定安裝了 node 和 npm

2，創建一個文件夾，如 aa

3，CMD 命令進入到 aa，用 npm 命令初始化一個項目

4， npm -init 根據提示完成配置

5，安裝 electron =>??npm i -D electron@latest, 這一步很慢，可能會失敗請多試驗幾次

6，aa 目錄下創建一個 index.js

?

// 引入外部引用 const {app, BrowserWindow} = require("electron");// 保持一個對于 window 對象的全局引用，否則窗口會被異常關閉 var mainWindow = null;// 當所有窗口被關閉了，退出 app.on('window-all-closed', function() {// 在 OSX 上，通常用戶在明確地按下 Cmd + Q 之前, 應用會保持活動狀態if (process.platform != 'darwin') {app.quit();} });app.on('ready', function() {// 創建瀏覽器窗口mainWindow = new BrowserWindow({width: 800, height: 600});// 加載應用的入口頁面mainWindow.loadURL('file://' + __dirname + '/html/index.html');// 打開開發工具// mainWindow.openDevTools();// 當 window 被關閉，這個事件會被發出mainWindow.on('closed', function() {// 取消引用 window 對象，如果你的應用支持多窗口的話// 通常會把多個 window 對象存放在一個數組里面// 但這次不是mainWindow = null;}); });

7，創建 html 目錄， 創建 index.html，隨便寫點內容

8，啟動指令，項目目錄下CMD =>?node_modules/electron/dist/electron.exe .

9，/path 為 aa 目錄所在的物理路徑

?

轉載于:https://www.cnblogs.com/lovling/p/9341586.html

總結

以上是生活随笔為你收集整理的electron 项目的搭建方式，借助 node 和 npm的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。