• Shell launcher 라는 확장프로그램을 통해 쉽게 다른 종류의 터미널을 열 수 있다
• 설치하면 바로 사용가능하다

• 윈도우 cmd를 쓰다가 리눅스 bash 명령어를 쓸일이 있어서
• git bash 터미널을 열어 쓰는데 불편함이 느껴졌다
• 기존에는 디폴트 터미널을 설정하고 터미널을 새로열면 해당 터미널을 사용할 수 있었는데,
• 디폴트 터미널을 변경되어서 다시 원래 쓰던 터미널로 돌렸어야했다
• 이제 그런 귀찮은 과정을 하지않아도 된다

참고

• how-to-add-multiple-terminals-in-vs-code
• Shell launcher

• 와… 진짜 너무 편하다
• 기존에 탭키를 누르면 탈출이 안되고, 들여쓰기 되서 힘들었는데
• 이 확장도구를 활성화하면 탭키로 () {} [] `` 이런 bracket? 들을 손쉽게 탈출할 수 있다

TabOut

• 설치하면 자동으로 active 상태이다
• Ctrl + Shift + P 에서 toggle tabout으로 활성여부를 토글할 수 있다

참고

• TabOut
• Request for tabbing past matching brackets similar to VS · Issue #22864 · microsoft/vscode

• 검색결과에서 제외할 디렉터리, 파일 설정하기

세팅창 화면으로

• Ctrl + Shift + P 를 누르고 setting을 입력한다
• Preferences: Open Settings (UI)로 들어간다

search: exclude 설정

• 검색에서 제외할 패턴들을 입력한다

검색 제외 적용하기

• … 을 클릭해서 디테일 표시

• file to exclude 영역에 아이콘 활성화

• 왼쪽이 비활성화일 때
• 오른쪽이 활성화일 때
• 쓸때없는 것을 제외함으로써 쾌적한 검색결과를 확인할 수 있다

상위 옵션 ; files.exclude

• vscode 탐색기에서 존재자체를 없애버리는 얘다
• 여기서 제외된 디렉터리는 당연히 검색에서도 제외됨으로
• search.exclude의 상위 호환이라고 볼 수 있다

• 각 프로젝트마다 다른 vscode세팅값을 주고 싶을 때 유용하다

따라하기

• Ctrl + Shift + P 단축키를 누르고 setting을 입력한다
• Preferences: Open Settings (UI)를 선택한다

• 세팅 화면이 나오면 상단 User, Workspace 탭이 있는데 Workspace탭을 클릭한다

• 나는 예시로 이 프로젝트에서는 node_modules라는 폴더를 vscode 탐색기에서 보여주고 싶지 않다

• exclude를 검색하면 Files: Exclude가 나오는데, Add Pattern 버튼을 눌러 node_modules를 추가한다

• 우측 탐색기에서 node_modules 파일이 더 이상 보이지 않으며, .vscode라는 폴더와 그 아래 settings.json이라는 파일이 생성된 것을 확인할 수 있다
• 이렇게 프로젝트별로 다른 vscode 세팅값을 가질 수 있다

Ctrl + G

• 오류 라인을 갈 때,
• Ctrl + G 로 마우스 손안대고 이동할 수 있다

Ctrl + rightArrow

Ctrl + leftArrow

• Ctrl + left|right arrow key 로 단어단위로 커서를 이동시킬 수 있다

• ec2 인스턴스를 하나 만들고, vscode로 원격접속해보겠다

따라하기

준비물

• ec2 keypair
• vscode

ec2 인스턴스 생성하기

• 예전에는 인스턴스 하나 생성하는 것도 겁이 났었는데, 지금은 옵션 안보고 그냥 기본값으로 생성..

ec2 인스턴스 리모트하기

• ssh 클라이언트로 푸티 putty가 대표적이다
• 근데 나는 푸티는 잘 안쓰고… vscode의 Remote - SSH 확장도구를 사용한다
• vscode를 관리자권한으로 실행한다. (열려있는 vscode가 있다면 모두 종료하고 관리자 권한으로 새로 실행한다)

• Ctrl + Shift + P 를 눌러 커맨드창을 열고 remote를 입력하고,
• Remete-SSH: Connect to Host... 를 누른다

1
2
3
4
5

# Read more about SSH config files: https://linux.die.net/man/5/ssh_config
Host ec2-asdf
  HostName ec2-0-00-000-000.ap-northeast-2.compute.amazonaws.com
  User ec2-user
  IdentityFile "C:\key\KeyPair.pem"

• config 파일을 채워줘야하는데,

• 브라우저로 ec2 인스턴스 화면으로 돌아가서 우클릭 연결을 누른다

• 위 화면에서 복사를 해서 붙여넣어주면된다
• HostName에 ec2-0-00-000-000.ap-northeast-2.compute.amazonaws.com
• User에 @앞에 있는 유저명을 적어주면된다. 나는 ec2-user가 기본값이 였다
• Host에는 그냥 자기가 원하는 식별문자를 적어주면된다. 나는 아무렇게나 ec2-asdf로 했다
• IdentityFile에는 키페어 .pem 파일의 경로를 적어주면된다. 절대경로를 사용했다
• Ctrl + S 로 저장한다

• 참고 : HostNameec2-0-00-000-000.ap-northeast-2.compute.amazonaws.com 이 값은 인스턴스를 중지했다가 다시켜면 바뀐다. 다음번에 접속할 때 탄력적 IP를 사용하는게 아니라면 계속 수정하면서 접속해야한다

• Ctrl + Shift + P 를 눌러 커맨드창을 열고 Remote-SSH: Connect to Host를 실행하고
• 방금 설정한 호스트가 보일 것이다. 클릭한다
• 그러면 새창이 열린다

• 참고 : keypair 권한 관련 오류가 나면 윈도우에서 aws ec2 keypair 설정를 확인한다

1
2
3
4
5
6

[14:56:31.053] > @         WARNING: UNPROTECTED PRIVATE KEY FILE!          @
> @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
> Permissions for 'C:\\key\\KeyPair.pem' are too open.
> It is required that your private key files are NOT accessible by others.
> This private key will be ignored.
> Load key "C:\\key\\a.pem": bad permissions

• 운영체제를 고르라고하는데 당연히 리눅스를 선택한다

• 이렇게 vscode로 리모트에 성공했다

• 폴더를 열어보자. 나는 홈디렉터리를 열어보겠다
• 그러면 창이 리로드 되면서 좌측 탐색기가 업데이트된다

1
2
3

mkdir a b c

ls

• mkdir 로 a,b,c 3개의 디렉터리를 생성한다

• 그러면 좌측 탐색기도 업데이트되는게 보일 것이다. 끝!

• 관리자 권한이 필요한 상황이 있는데.. vscode를 항상 관리자 권한으로 실행해보자

따라하기

• 윈도우키(검색창) > code 검색 > 우클릭 > 파일 위치 열기

• Visual Studio Code 바로가기를 우클릭 > 속성

• 호환성 탭 > 모든 사용자에 대한 설정 변경 > 관리자 권한으로 이 프로그램 실행 체크 > 확인 > 확인
• 이렇게 하면 항상 관리자 권한 상태로 vscode가 실행된다

사용자 계정 컨트롤 창 없애기

• 관리자 권한 실행으로 실행할 때 나오는 사용자 계정 컨트롤 : 이 앱이 디바이스를 변경할 수 있도록 허용하시겠어요?까지 안 나오게 해보자
• 윈도우키(검색창) > 사용자 계정 컨트롤 설정 변경 > 알리지 않음으로 설정

팁

• vscode는 관리자 권한이 아닌 창이 켜져있을 때, 새로이 관리자 권한으로 새 창(New Window)을 실행시킬 수 없다
• 관리자 권한으로 실행 중인 vscode 창이 있을 때, 새로이 관리자 권한이 아닌 새 창(New Window)을 실행시킬 수 없다
• 즉, 처음에 관리자 권한으로 실행시키면, 나중에 새로 켜는 창은 모두 관리자 권한이어야 한다
• 반대로 처음에 관리자 권한이 아닌 기본 권한으로 실행시키면, 나중에 새로 켜는 창은 모두 관리자 권한이 아니다 (주의! : vscode 우클릭 관리자 권한 실행을 하더라도 기본 권한으로 실행됨)
• 그러므로 vscode 창 상단에 [Administrator] 표시가있는지 확인하자!
• 관리자 권한으로 접근 가능한 파일이 계속 접근이 안돼서 뭐지 했는데, 이 문제였다
• 결국 켜져 있는 모든 vscode창을 종료하고 새로이 관리자 권한으로 실행시키니 관리자 권한으로 켜졌다

• vscode 내장 터미널영역을 토글할 수 있다

Ctrl + J

• vscode 내장 터미널 토글

Ctrl + Shift + C

• cmd 열기

• vscode에서 markdown open preview를 사용하면된다

markdown open preview

• ctrl shift v 를 누르면 마크다운 미리보기를 할 수 있다
• 마크다운 미리보기창이 열리면 ctrl alt →키를 통해 옆으로 옮겨서 볼 수 있다
• 실시간으로 반영되니 마크 다운 쓸때 엄청 유용하다!