사용자 도구

사이트 도구


study:vscode

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판
이전 판
study:vscode [2021/10/01 14:20] – 바깥 편집 127.0.0.1study:vscode [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
 +===== VS Code =====
 +  - JDK설정
 +java.home를 설정한다.
 +  - [[https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf|keyboard shortcuts]]
  
 +===== 편집Key =====
 +alt+shift+I -->줄단위편집
 +alt+shift+화살표 --> 컬럼단위
 +
 +====== PlugIn ======
 +===== Beautify =====
 +js-beautify for VS Code
 +
 +
 +===== Launch 사용 =====
 +Microsoft사의 개발툴이라면 기대되는 것이 빵빵한 디버깅기능이라고 할 수 있다.
 +
 +따라서 vscode에서도 훌륭한 기능을 제공하고 있다. 다만 여지까지 나만 모르고 있었다.
 +
 +설정파일은 .vscode/launch.json에 해당 정보를 업데이트하면 된다.
 +
 +<code 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": [
 +  ]
 +}
 +</code>