demun(대문블로그)

퍼블리셔/VisualStudioCode2018. 10. 15. 07:45

vscode(Visual Studio Code)는 기본적으로 에디터 상단에 파일명 - 폴더명을 표시하게 되어 있습니다. 하지만 파일의 전체 경로가 필요할 때가 있습니다. 특히 숨김파일이나 설정파일 같은 경우죠. 설정파일을 한번 열어보겠습니다. 파일 - 기본설정 - 설정 또는 Ctrl + , 입니다. title 로 검색을 하면 아래와 같은 화면이 나옵니다. 설명이 다 되어 있으니 원하는 키워드를 입력해서 사용하세요. 저의 경우 전체경로를 보이게 하기위해 `${activeEditorLong}` 를 지정했습니다. 파일을 열어보면 전체 경로가 나온것을 알수 있습니다.

퍼블리셔/VisualStudioCode2018. 1. 11. 07:00

이글은 https://demun.github.io/vscode-tutorial/task/ 에서 볼 수 있습니다. 테스크는 grunt, gulp 등과 같은 작업주자 또는 빌드도구를 말합니다. vscode 에서는 빌드도구를 에디터 자체내에서 이용할 수 있도록 지원합니다. 타입스크립트 빌드하기타입스크립트는 빌드과정을 거쳐 자바스크립트로 변환해야 사용할 수 있습니다. 따로 빌드도구를 사용하지 않고 vscode 에서 빌드하는 과정을 알려드립니다. 콘솔창에서 아래와 같이 입력합니다. mkdir task-test # task-test 폴더생성 cd task-test # task-test 폴더로 이동 tsc --init # tsconfig.json 생성 code . # vscode 열기 코드 실행 모습 vscode 열..

퍼블리셔/VisualStudioCode2018. 1. 10. 07:00

이글은 https://demun.github.io/vscode-tutorial/debug/ 에서 볼 수 있습니다.vscode 에서 디버깅은 핵심기능중 하나입니다.vscode 에는 node.js 런타임에 대한 디버깅 지원기능이 내장되어 있어 JavaScript, TypeScript 및 JavaScript로 변환된 다른 언어를 디버깅 할 수 있습니다. 그러기에 기본적으로 디버깅은 하려면 nodejs 를 설치해야 합니다.다른 언어에 대해서는 확장기능을 설치해서 이용이 가능합니다. vscode 폴더에 wecome.js 라는 자바스크립트 코드를 하나 만들고 디버깅을 해봅니다.고급 디버깅을 하려면 환경설정을 해줘야 합니다. 상단에 'launch.json' 구성을 클릭하면 디버깅 환경설정파일이 생성됩니다.'launc..

퍼블리셔/VisualStudioCode2018. 1. 9. 07:00

이글은 https://demun.github.io/vscode-tutorial/git/ 에서 볼 수 있습니다. vscode 는 git 을 사용하기 위한 기능이 기본적으로 추가되어 있습니다. git 을 사용하려면 먼저 https://github.com 에 회원가입이 되어 있어야하고, git-scm 에서 git 프로그램을 다운로드하고 설치해야 합니다. 가입이 안되어 있다면 https://github.com 에 회원가입을 하고 프로그램도 설치하시길 바랍니다. 설치가 되어 있다고 가정하고 vscode 에서 git 을 사용하는 방법을 알아보겠습니다.최초설정git 에 내이름과 이메일등을 먼저 등록하는 것이 좋습니다. vscode 에서 git 을 사용하다보면 나중에 이름과 이메일을 물어옵니다. 그러니 먼저 설정해둡니..

퍼블리셔/VisualStudioCode2018. 1. 8. 12:45

비주얼 스튜디오 코드의 튜토리얼은 https://demun.github.io/vscode-tutorial/shortcuts 통해 배포됩니다. 파일 > 기본 설정 > 바로가기 키 에서 현재 활성화된 키보드 단축키를 볼 수 있습니다 . 기본 편집 키 명령 명령 ID ctrl+X 행 삭제 (빈 선택) editor.action.clipboardCutAction ctrl+C 행 복사 (빈 선택) editor.action.clipboardCopyAction ctrl+shift+k 행 삭제 editor.action.deleteLines ctrl+Enter 아래에 행 삽입 editor.action.insertLineAfter ctrl+shift+Enter 위에 행 삽입 editor.action.insertLineBef..