VSCODE 사용 꿀팁(단축키,확장 프로그램)

안녕하세요 몽당입니다ㅎ

오늘은 코딩하는 사람이라면 99%는 사용하는 VSCODE에서 제가 평소에 쓰면서 소개해드리고 싶은 유용한 단축키나 확장 프로그램 같은 꿀팁들을 포스팅해보려합니다.

단축키

우선 코딩하시는분들은 공감하겠지만 키보드로 코딩하다가 마우스 움직이는게 정말정말 귀찮습니다ㅎ

 

키보드에서 마우스까지 손 움직이는게 ㄹㅇ 제일 힘듬

그래서 왠만한건 키보드로 해결하는데 마우스 안쓰고 코딩할 수 있도록 평소에 자주쓰는 단축키들 먼저 알려드리겠습니다.

 

이미 다 알고계신 고수분들은 그냥 구경만ㅎㅎ

---

1. 여러줄 동시 수정할 때 커서 여러개 두기

-> ALT + 원하는곳 클릭

 

이렇게 여러줄에서 수정할 곳을 ALT 누른 상태로 각각 클릭하면 커서가 여러개 찍히고, 동시에 수정할 수 있습니다.

 

2. 한줄 선택하기

-> Ctrl + L

 

선택하고 싶은 줄 아무곳에 커서를 두고 Ctrl + L을 누르면 해당 줄이 선택됩니다.

(이거 몰라서 지금까지 마우스로 하나씩 드래그해서 쓴거 비밀)

 

3. 해당 줄 통째로 위 아래로 이동

-> ALT + ↑/↓

 

이렇게 줄을 선택하고 ALT 누른상태로 위아래 방향키를 누르면 해당 줄이 통째로 이동합니다.

 

4. 한줄 통째로 아래줄에 복사

->ALT + SHIFT + ↓

이렇게 복사하고 싶은 줄에 커서를 두고 ALT + SHIFT + ↓를 누르면 아래줄에 해당 줄이 복사가 됩니다.

 

5. 원하는 영역 선택

->SHIFT + 방향키

SHIFT 누른 상태로 방향키를 움직이면 해당 영역을 선택하거나 풀 수 있습니다. (위아래 방향키 누르면 줄단위로 선택)

 

이정도만 알아도 마우스 쓸 일이 절반 이상 줄어듭니다! 굿ㅎ

 

 

확장 프로그램

 

이제 알아볼 것은 확장 프로그램!

크롬에도 여러가지 유용한 확장 프로그램들이 있는 것처럼 vscode에도 똑똑한 사람들이 여러가지 좋은 확장 프로그램들을 많이 만들어주셨습니다.

 

그 중 제가 사용하고 있는 확장 프로그램들 소개해드리겠습니다.

확장 프로그램 다운로드는 좌측 탭의 4번째에 블록 같이 생긴거 클릭하시면 됩니다.

 

1. Material Icon Theme

아이콘들을 이쁘게 바꿔줍니다!

적용 전 -> 적용 후

이렇게 설치하면 아이콘들이 변합니다.

확실히 적용시킨게 더 깔끔하고 이쁘죠?ㅎ

 

2. Black Formatter

코드들을 자동으로 formatting하여 이쁘게 정렬해줍니다.

이렇게 띄어쓰기도 안하고 줄바꿈도 안한 코드를 작성하고 ctrl + s 로 저장하면

이렇게 알아서 띄어쓰기도 해주고 줄바꿈도 해주고 깔끔하게 정리해줍니다!

 

이거 ㄹㅇ개꿀..코드 짤 때 그냥 대충 띄어쓰기 안하고 막쓴 다음에 그냥 저장만 하면 알아서 이쁘게 정리해줌

 

사용방법은 'ctrl + ,(쉼표)' 를 눌러서 설정창을 열어주고 'formatting provider'를 검색합니다.

그리고 밑에 Python > Formatting : Provider 에서 'black' 선택해주시면 됩니다.

 

3. ChatGPT - EasyCode

VSCODE 안에서 바로 챗지피티 기능을 사용할 수 있습니다.

이렇게 왼쪽에서 그냥 챗지피티 기능을 사용할 수 있습니다. 개꿀

 

그리고 코드 선택한 후에 우클릭 누르면 바로 GPT에 코드 관련해서 물어볼 수 있습니다.

 

4. vscode-pets

가장 중요한 필수 프로그램입니다.

사실 이거 소개하려고 지금까지 어그로 끌음

 

설치하면 밑에 쪼꼬미 귀여운 펫들을 소환할 수 있습니다.

동물 종류랑 사이즈는 여러가지 선택가능합니다.

 

귀엽죠?ㅎ

 

5. Bongo Cat Buddy

이거도 좀 귀엽습니다ㅎ

귀요미 고양이를 소환해서 타자칠 때마다 고양이가 타자를 칩니다.

근데 이건 쓰다보면 좀 정신 사나울 수 있음

 

실행방법은 위에 view탭에서 Command Palette 들어가고 확장프로그램 실행시키면 됩니당

 

---

이거 말고도 다른 꿀팁들이나 본인이 쓰고 있는 기능중에 소개할 것들 있으시면 편하게 댓글 달아주셔용ㅎ

✔몽당의 코인 정보+일기장 텔레그램✔

https://t.me/mongdangcoin

몽당의 코인판 데굴데굴