1. JDK설정

java.home를 설정한다.

1. keyboard shortcuts

alt+shift+I –>줄단위편집 alt+shift+화살표 –> 컬럼단위

js-beautify for VS Code

Microsoft사의 개발툴이라면 기대되는 것이 빵빵한 디버깅기능이라고 할 수 있다.

따라서 vscode에서도 훌륭한 기능을 제공하고 있다. 다만 여지까지 나만 모르고 있었다.

설정파일은 .vscode/launch.json에 해당 정보를 업데이트하면 된다.

launch.json

{
  "configurations": [
    {
      "name": "xxxx-Django",
      "type": "debugpy",
      "request": "launch",
      "program": "${workspaceFolder}/xxx/manage.py",
      "args": [
        "runserver"
      ],
      "django": true
    },
    {
      "name": "xxxxx-Angular",
      "type": "chrome",
      "request": "launch",
      "webRoot": "${workspaceFolder}/xxxxx",
      "preLaunchTask": "npm: serv",
      "url": "http://localhost:4200/",
      "sourceMapPathOverrides": {
        "meteor://💻app/*": "${workspaceFolder}/xxxxx/*",
        "webpack:///./~/*": "${workspaceFolder}/xxxxx/node_modules/*",
        "webpack://?:*/*": "${workspaceFolder}/xxxxx/*"
      }
    },
    {
      "name": "ng test Angular",
      "type": "chrome",
      "request": "launch",
      "webRoot": "${workspaceFolder}/xxxxx",
      "preLaunchTask": "npm: test",
      "url": "http://localhost:9876/debug.html"
    },
  ],
  "compounds": [
  ]
}