通過(guò)官方quick-start demo來(lái)模擬項(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. 新建一個(gè)gulpfile.js文件
// 獲取依賴(lài)
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)該是可以跑起來(lái)程序的
5. 在.VSCode文件夾中新建一個(gè)tasks.json文件
{
"version": "0.1.0",
"command": "gulp",
"isShellCommand": true,
"args": [
"--no-color"
],
"tasks": [
{
"taskName": "run",
"args": [ ],
"isBuildCommand": true
}
]
}
6. 配置調(diào)試啟動(dòng)環(huán)境
按F5 會(huì)出來(lái)選擇調(diào)試環(huán)境溉卓， 選擇 Node.js
vscode會(huì)生成一個(gè)launch.json文件
修改 runtimeExecutable:""
"configurations": [
{
"type": "node",
"request": "launch",
"name": "啟動(dòng)程序",
"program": "${workspaceRoot}\\main.js",
"cwd": "${workspaceRoot}",
"runtimeExecutable": "${workspaceRoot}/node_modules/electron-prebuilt/dist/electron.exe"
},
{
"type": "node",
"request": "attach",
"name": "附加到進(jìn)程",
"port": 5858
}
