vscode
-
[TS] 작업 "tsc: build - tsconfig.json"을 찾을 수 없습니다.이슈 해결 2020. 2. 4. 14:09
https://jamong-icetea.tistory.com/300?category=847444 VSCode TS 디버깅 하는법 패스포트 authenticate()의 콜백을 커스텀하다가 문제가 생겨서 디버깅을 해야할 일이 생겼다. 그래서 VSCode로 TS 디버깅 하는 법을 찾아봤다. VSCode를 열자. 디버깅 탭을 클릭한다. 설정을 클릭한다. 그럼 선.. jamong-icetea.tistory.com 위의 링크 내용대로 VSCode로 디버깅 환경을 구성하고 실행했을 때 다음과 같은 문제가 발생한다. .vscode 폴더에 tasks.json을 생성해주자. 그리고 다음과 같이 내용을 작성하자. 그리고 launch.json을 수정해주자. 작업이 완료되면 디버깅이 가능해진다. 참고: https://mediu..
-
-
[ETC] CodeSnapIDE/VSCode 패키지 2019. 10. 28. 18:19
코드를 캡쳐하는 프로그램을 소개합니다. VSCode 확장팩에 CodeSnap이라는 확장팩이 존재한다. 해당 프로그램은 작성한 코드를 예쁘게 캡쳐해주는 기능을 한다. 캡쳐하고자 하는 코드 파일을 열고 Ctrl + Shift + P를 누르고 CodeSnap을 실행하자. (키보드 숏컷으로 등록해놓고 단축키로 사용하면 더 편하다.) 그럼 오른쪽 창에 이미지 화면이 나타나는데, 좌측에 캡쳐하고 싶은 코드를 드래그하면 드래그 한 만큼 우측에 캡쳐된 미리보기가 생성된다. 하단에 동그란 버튼을 클릭하면 파일로 저장할 수가 있다. 저장하면 아래와 같은 결과물로 파일이 생성된다.
-
-
VSCode TS 디버깅 하는법JavaScript/TypeScript 2019. 9. 20. 11:18
패스포트 authenticate()의 콜백을 커스텀하다가 문제가 생겨서 디버깅을 해야할 일이 생겼다. 그래서 VSCode로 TS 디버깅 하는 법을 찾아봤다. VSCode를 열자. 디버깅 탭을 클릭한다. 설정을 클릭한다. 그럼 선택한 프로젝트의 하위에 .vscode 숨김 폴더와 launch.json 파일이 생성된다. launch.json을 열면 기본으로 작성되어 있는 폼이 있다. program을 최상위 실행 파일을 지정해준다. 그리고 preLaunchTask 속성을 추가 작성한다. 디버깅을 하기 위해선 sourceMap을 활성화해야한다. tsconfig.json에서 sourceMap 주석을 해제해주자. * source map은 원본 소스와 변환된 소스를 매핑해주는 것이다. ts파일을 컴파일해서 생성된 js..