vscode

VSCODE 설치 및 다운로드

• vscode org 사이트
  
• vscode download 사이트
  
• vscode 참고 사이트
  
• D2Coding 깃허브 사이트
  
• Default font : Consolas, ‘Courier New’, monospace -> D2Coding
  
  

기본 익스텐션 10가지

https://youtu.be/bS9yTI2fC0w

• 00:00 - Introduction
• 04:46 - Material theme
• 05:00 - Material icon theme
• 05:20 - Prettier
• 06:56 - bracket pair colorizer
• 07:28 - Indent-rainbow
• 08:00 - Auto rename tag
• 09:00 - CSS PEEK
• 09:43 - HTML CSS SUPPORT
• 10:00 - LIVE SERVER
  
  

비쥬얼 스튜디오 코드 신규 기능 + 필수 익스텐션 추천

https://youtu.be/XMfyfNZooi4

• Multiple cursor case preserve
• CodeSnap
• TODO Highlight
  
  

단축 키

• 반복되는 단어 한방에 수정 Multi Selection : Ctrl + D
• 클릭하는 곳마다 커서 생성 Insert cursor : Alt + Click
• 코드 위/아래로 움직이기 Move line down / up : Alt + up / down
• 코드 복사해서 위/아래로 움직이기 Copy line down / up : Alt + Shift + up / down
• 코드 블록 한방에 코멘트 처리하기 : Ctrl + /
• 선택된 영역에 커서 만들기 Current selection : Alt + Shift + i
• 마우스가 가는 곳 마다 커서 만들기 : Alt + Shift + Mouse Drag
• 파일 맨 위-아래로 한번에 이동하기 Beginning / end of file : Ctrl + Home / End
• 라인 맨 처음 과 끝 beginnig / end of line : Home / End
• 단어 이동 Move Word : Ctrl + left / right
• 단어 선택 Select Word : Ctrl + Shift + left / right
• 사이드바 숨기기 Toggle Sidebar : Ctrl + B
• 터미널 가기 Toggle Terminal : Ctrl + ~
• 마크다운 Preview : Ctrl+ Shift + v
• 행 삭제 : Ctrl + Shift + k
• 행을 아랫줄로 이동 : Alt + down
• 행을 윗줄로 이동 : Alt + up
• 아래에 행 삽입 Insert line below : Ctrl + enter
• 위에 행 삽입 : Ctrl + Shift + enter
• 커서를 아래에 추가 : Ctrl + Alt + down
• 커서를 위에 추가 : Ctrl + Alt + up
• 현재 선택 항목을 모두 선택 : Ctrl + Shift + l
• 라인 들여 쓰기 : Ctrl + ]
• 라인 내어 쓰기 : Ctrl + [
• 커서 위치에 주석 토글 : Alt + Shift + a
• 코맨드 팔렛트 : F1 or Ctrl + Shift + p
• Quick Open : Ctrl + p
• User Settings : Ctrl + ,
• Keyboard Shortcuts : Ctrl + k + s
• Undo last Cursor : Ctrl + u
  
  

단축키 정리 (윈도우용)

✨ 관련된 영상들

코딩 필수 프로그램! 만능 코드 에디터 Visual Studio Code의 모든 것 | 설치, 세팅, 추천 플러그인, 유용한 단축키
비쥬얼 스튜디오 & 익스텐션
디지털 노션 사용
기본 익스텐션 10가지
단축키 정리
깃 개념 6분 정리
깃 한시간 강의
snippets : 사용법 드림코딩

🔗 관련 문서 & 노트

Github Guides
영상에서 사용된 예제코드 정리
snippets 설명서
snippets 만들어주는 프로그램

플러그 인 Plug In

Youtube 필수 익스텐션 추천 드림코딩
기본 익스텐션 10가지

추가 팩

1. Material Theme : 다양한 바탕색
2. Material icon theme : 화일 아이콘이 변함
3. Prettier : Code formatter : file save no, tab : 2
4. Bracket pair colorizer
5. Indent-rainbow
6. // Auto rename tag
7. // CSS PEEK
8. // HTML CSS SUPPORT
9. // LIVE SERVER
10. 세팅 1: 자동 저장 설정
11. 세팅 2: 폰트 변경
12. // 세팅 3: 줄바꿈 설정
13. 플러그인 1: IntelliCode
14. 플러그인 2: indent-rainbow
15. 플러그인 3: Image preview
16. 플러그인 4: GitHub Theme
17. 플러그인 5: Material Icon Theme
18. 플러그인 6: Prettier
19. 플러그인 7: Live Server

단축키 시작

1. 단축키 1: 저장
2. 단축키 2: 코드 이동
3. 단축키 3: 코드 복사
4. 단축키 4: 코드 삭제
5. 단축키 5: 주석 처리
6. 단축키 6: 빠른 파일 열기
   
   

기능

1. Sticky (ctrl+,)
2. Settings Sync
3. ESLint
4. // GitLens – Git supercharged
5. // Import Cost
6. Multiple cursor case preserve : 대소문자 구분 수정
7. CodeSnap : 코드 캡쳐 기능
8. TODO Highlight : 앞으로 할일을 정리함
   
   

// TODO: TODO Highlight…. 기능 설명…
// FIXME: ….

언어 변경 : c+s+p : display …

웹사이트 복사

[웹사이트 to jpg] (https://pikabu.tistory.com/113)

1. 크롬 개발자 툴( F12 또는 Ctrl+Shift+i 키 입력 )의 Run command 실행
2. … 선택에서 run command 선택

3. full 검색후 screenshot 클릭
   
   

git hub

git add .
git commit -m "readme text"
git push

---