study:vscode

차이

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

차이 보기로 링크

--- study:vscode [2019/01/21 01:42] – taekgu
+++ study:vscode [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
@@ 줄 4: / 줄 4: @@
   - [[https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf|keyboard shortcuts]]
-==== 편집Key ====
+===== 편집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>

study/vscode.1548034943.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)