블라블라 피자돌이

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Edge 디버그 with server",
      "type": "msedge",
      "request": "launch",
      "url": "http://localhost:8080/main.html",
      "webRoot": "${workspaceFolder}",
      "preLaunchTask": "start http-server"
    }
  ]
}

디버깅 실행전 http-server 실행 시키기 위한 작업

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "start http-server",
      "type": "shell",
      "command": "npx http-server . -p 8080",
      "isBackground": true,
      "problemMatcher": {
        "pattern": [
          {
            "regexp": ".*",
            "file": 1,
            "location": 2,
            "message": 3
          }
        ],
        "background": {
          "activeOnStart": true,
          "beginsPattern": "Starting up http-server",
          "endsPattern": "Available on:"
        }
      }
    }
  ]
}

만들 프로젝트명 : test-project

mkdir test-project

cd test-project

sudo npx create-next-app@latest . --typescript

 -> nextjs 기반으로 typescript를 사용

sudo npm install --save-dev electron electron-builder concurrently

sudo npm install electron-serve