vsc로 nodejs 디버깅 문의드립니다.

JavaScript
1

제가 아래와 같은 구조의 프로젝트를 갖추고 있었습니다.
캡처
여기서 이 파일들을 src라는 디렉터리를 생성하고 안에 넣어두었습니다.
캡처2
src라는 디렉터리에 넣기 전에는 제가 nodemon을 즐겨 사용하는데 npm start로 실행하거나 디버깅 하기 편리하여 자주 사용하고 있습니다. 아래 코드로 npm start를 터미널에 입력해 nodemon app.js를 실행 할 수 있게끔 해놓았습니다.

"scripts": {
    "start": "nodemon app.js",
    "test": "jest"
  },

그런데 src디렉터리로 전부 이동시켜놓고 npm start를 실행하게 되면 터미널에 아래와 같이 출력됩니다.

> [email protected] start
> nodemon express_frame.js

[nodemon] 2.0.15
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node express_frame.js`

기존에는 starting node app.js가 마지막에 출력되고 실행이 잘되었는데 src디렉터리로 이동시켜놓으니 웬 express_frame.js라는 파일을 시작한다는 문구로 나옵니다. 터미널을 src안으로 이동시키고 npm start를 실행하면 정상적입니다. 그런데 제가 vscode로 디버깅을 하는데 디렉터리가 src외부(src 상위 디렉터리)부터 시작이 됩니다. launch.json은 다음과 같이 설정되어 있습니다.

{
  "version": "0.2.0",
  "configurations": [
    {
      "command": "npm start",
      "name": "Run npm start",
      "request": "launch",
      "type": "node-terminal",
      "file": "d:\\Coding\\JS\\Node\\Server\\프로젝트 이름\\src\\app.js"
    }
  ]
}

“file” 프로퍼티는 제가 추가해봤습니다. 허나 작동은 그대로였습니다. 제가 궁금한것은 디버거에 시작주소(디렉터리)를 변경하려면 어느점을 수정을 해야 되는지입니다. 그리고 src외부에서 실행하면 왜 node express_frame.js로 시작하는지 궁금합니다.

추가적으로 vsc이외에 IDE 좋은거 있으면 추천해주시면 감사합니다.