通過官方quick-start demo來模擬項(xiàng)目
1.安裝項(xiàng)目
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start
2. 安裝electron-prebuilt
npm install –save-dev electron-prebuilt
3. 安裝gulp構(gòu)建工具
npm install -g gulp
全局安裝后，再在本地安裝一次
npm install gulp
4. 新建一個gulpfile.js文件
// 獲取依賴
var gulp = require('gulp'),
childProcess = require('child_process'),
electron = require('electron-prebuilt');
// 創(chuàng)建 gulp 任務(wù)
gulp.task('run', function () {
childProcess.spawn(electron, ['.'], { stdio: 'inherit' });
});
使用命令 gulp run 應(yīng)該是可以跑起來程序的
5. 在.VSCode文件夾中新建一個tasks.json文件
{
"version": "0.1.0",
"command": "gulp",
"isShellCommand": true,
"args": [
"--no-color"
],
"tasks": [
{
"taskName": "run",
"args": [ ],
"isBuildCommand": true
}
]
}
6. 配置調(diào)試啟動環(huán)境
按F5 會出來選擇調(diào)試環(huán)境， 選擇 Node.js
vscode會生成一個launch.json文件
修改 runtimeExecutable:""
"configurations": [
{
"type": "node",
"request": "launch",
"name": "啟動程序",
"program": "${workspaceRoot}\\main.js",
"cwd": "${workspaceRoot}",
"runtimeExecutable": "${workspaceRoot}/node_modules/electron-prebuilt/dist/electron.exe"
},
{
"type": "node",
"request": "attach",
"name": "附加到進(jìn)程",
"port": 5858
}
