앱 처음 디버깅시 생성해야할 파일

1. 작업폴더 가장 상단에 launch.json파일을 생성해 아래 내용을 붙여 넣습니다.

{

// IntelliSense를 사용하여 가능한 특성에 대해 알아보세요.

// 기존 특성에 대한 설명을 보려면 가리킵니다.

// 자세한 내용을 보려면 https://go.microsoft.com/fwlink/?linkid=830387을(를) 방문하세요.

"version": "0.2.0",

"configurations": [

{

"name": "Run Android on device",

"type": "cordova",

"request": "launch",

"platform": "android",

"target": "device",

"port": 9222,

"sourceMaps": true,

"cwd": "${workspaceFolder}",

"ionicLiveReload": false

},

{

"name": "Run iOS on device",

"type": "cordova",

"request": "launch",

"platform": "ios",

"target": "device",

"port": 9220,

"sourceMaps": true,

"cwd": "${workspaceFolder}",

"ionicLiveReload": false

},

{

"name": "Attach to running android on device",

"type": "cordova",

"request": "attach",

"platform": "android",

"target": "device",

"port": 9222,

"sourceMaps": true,

"cwd": "${workspaceFolder}"

},

{

"name": "Attach to running iOS on device",

"type": "cordova",

"request": "attach",

"platform": "ios",

"target": "device",

"port": 9220,

"sourceMaps": true,

"cwd": "${workspaceFolder}"

},

{

"name": "Run Android on emulator",

"type": "cordova",

"request": "launch",

"platform": "android",

"target": "emulator",

"port": 9222,

"sourceMaps": true,

"cwd": "${workspaceFolder}",

"ionicLiveReload": false

},

{

"name": "Run iOS on simulator",

"type": "cordova",

"request": "launch",

"platform": "ios",

"target": "emulator",

"port": 9220,

"sourceMaps": true,

"cwd": "${workspaceFolder}",

"ionicLiveReload": false

},

{

"name": "Attach to running android on emulator",

"type": "cordova",

"request": "attach",

"platform": "android",

"target": "emulator",

"port": 9222,

"sourceMaps": true,

"cwd": "${workspaceFolder}"

},

{

"name": "Attach to running iOS on simulator",

"type": "cordova",

"request": "attach",

"platform": "ios",

"target": "emulator",

"port": 9220,

"sourceMaps": true,

"cwd": "${workspaceFolder}"

},

{

"name": "Serve to the browser (ionic serve)",

"type": "cordova",

"request": "launch",

"platform": "serve",

"cwd": "${workspaceFolder}",

"devServerAddress": "localhost",

"sourceMaps": true,

"ionicLiveReload": true

},

{

"name": "Simulate Android in browser",

"type": "cordova",

"request": "launch",

"platform": "android",

"target": "chrome",

"simulatePort": 8000,

"livereload": true,

"sourceMaps": true,

"cwd": "${workspaceFolder}"

},

{

"name": "Simulate iOS in browser",

"type": "cordova",

"request": "launch",

"platform": "ios",

"target": "chrome",

"simulatePort": 8000,

"livereload": true,

"sourceMaps": true,

"cwd": "${workspaceFolder}"

},

{

"name": "Run Browser",

"type": "cordova",

"request": "launch",

"platform": "browser",

"target": "chrome",

"simulatePort": 8000,

"livereload": true,

"sourceMaps": true,

"cwd": "${workspaceFolder}"

}

]

}

2. build나 run하면 breakpoint 찍으면서 값 바뀌는 것도 확인 가능하며 에러검출도 가능하며 잘 작동됩니다.