為了方便開發，我們需要讓vue和electron能同時執行，怎麼做呢？ 在根目錄下新建build資料夾，增加dev-runner.js檔案,我們可以在這個檔案中將vue和electron同時啟動。
/*
*使用node子程序，啟動vue和electron
*/const = require("child_process");
const electron = require("electron");
const path = require("path");
const chalk = require("chalk"); // log著色輸出工具
let electronprocess = null;
let vueprocess = null;
// 啟動vue專案
function
startvue()
console.log(chalk.green(str));
});vueprocess.stderr.on("data", data => );
vueprocess.on("close", () => );
});}// 啟動electron
function
startelectron() });
electronprocess.stdout.on("data", data => );
electronprocess.stderr.on("data", data => );
electronprocess.on("close", () => );
}function
init() );
}init();
複製**
package.json檔案中增加script命令：
複製**
node.js自帶的fs模組就可以實現。fs有乙個watch方法，可以監聽檔案變化 檢視fs.watc**檔，
fs.watch(filename[, options][, listener])
複製**
dev-runner.js檔案，增加如下**：
/**
*/const fs = require("fs");
function
watchfile() ,
function(eventtype, filename)
electronprocess = null;
// 列印修改事件及檔名稱
console.log(chalk.green(eventtype + ":" + filename));
startelectron();
console.log(chalk.green("electron restart"));
// 使electronprocess 非正常close關閉事件生效
settimeout(() => , 5000);});
}複製**
安裝electron-devtools-installer包
yarn add -d electron-devtools-installer
複製**
main.js,在createwindow方法中增加如下**：
const isdev = process.env.node_env === "development";
if (isdev) )
.catch(err => );
}複製**
至此所有相關配置都基本完成了，我們可以開始寫相關的功能了。 模板**
alibt.top
Electron 開發環境搭建
2 安裝electron 開啟cmd，在裡面輸入 方式一 直接訪問國外的伺服器太慢，可以使用cnpm 方式二 群眾推薦使用此方法 1.npm install cnpm g registry 在執行的時候有時候比較慢，需要耐心等待完成之後再進行下一步 如圖 即可快速完成安裝也可以cnpm instal...
electron開發環境搭建
開發環境 建立開發目錄 也是解決方案 npm init安裝electron npm install electron devnpm install electron unsafe perm truenpm install verbose electron工程目錄結構如下 4.新增測試頁面 index...
Electron的環境配置
簡單來說，electron是用於桌面開發的框架。環境配置過程比較冗長，請確保足夠耐心。1.node.js的安裝 node.js 路徑，就開始安裝node.js 安裝完畢後，我們可以在命令列裡面就行檢視是否成功和檢視版本 版本要求10.0.0以上的 2.electron 的安裝 接下來就開始搭建ele...