Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Archives
Today
Total
관리 메뉴

web sprit

[VSCode] 유용한 단축키 및 단축키 설정 본문

Tool/VS Code

[VSCode] 유용한 단축키 및 단축키 설정

커드만 2021. 2. 23. 13:31

기본 단축키 

Alt + Z
코드를 한줄로 보거나 한 화면에 보거나 하는 토글 단축키

Ctrl + K S
열려있는 탭 모두 저장.

 


단축키 설정

- Wrap with Abbreviation(Ctrl + Shift + G)

Emmet에 있는 기능
명령창(Ctrl + Shift + P)를 열어 wrap을 검색 하면 아래 내용이 나오는데 "Wrap with Abbreviation" 선택해서
태그를 입력(ex: li, li*)하면 선택영역을 태그로 감싸준다.
Emmet: Wrap with Abbreviation   -----  O
Emmet: Wrap Individual Lines Abbreviation

명령창에서 검색해서 단축키 지정 가능하다. 검색하여 나오는 단어에 마우스를 데어보면 우측에 톱니바뀌가 나오는데
클릭하면 단축키를 설정할 수 있다.
단축키 설정 : Ctrl + Shift + G

 

- Join Lines(Ctrl + J)

들여쓰기나 내려쓴 코드를 한줄로 만들어 주는 단축키 이다.
기존 서브라임에서 사용하는 단축로 설정하였다.
Keyboard Shortcus(키셋팅)열어 "Join Lines"을 검색하여
Ctrl + j 로 단축키를 변경해준다.
단축키 설정 : Ctrl + J

 

- Emmet: Balance (outward)(Ctrl + Shift + A)

키세팅에서 위 문장을 검색하면 나오는데 서브라임에서 정말 유용하게 사용하였다.
찾느라 정말 애먹은 부분이기도 하다.
태그안에 마우스커서를 놓고 위 단축키를 입력하면 태그안에 내용만 선택되어 태그안에 내용을 바꿀때 아주 많이 사용한다.
Ctrl + Shift + A 로 단축키를 변경해준다.
단축키 설정 : Ctrl + Shift + A


참고

 

visual-studio-code - Visual Studio Code에 '태그 사이에서 선택'바로 가기가 있습니까? - IT 툴 넷

visual-studio-code - Visual Studio Code에 '태그 사이에서 선택'바로 가기가 있습니까? 기사 출처 visual-studio-code

pythonq.com

 

VSCode 유용한 단축키 설정 – dohoons(도훈) _(≥∇≤)ノミ☆

VSCode의 코드 편집 기능 중에는 기본 단축키 구성이 안 되어 있는 유용한 명령들이 많이 있습니다. 필요할 때 F1 키를 누르고 명령어 이름을 입력해서 사용할 수 있지만 제가 주로 사용하는 몇 가

dohoons.com

 

 

[VS Code] 대문자 또는 소문자로 변경하기 단축키 설정 (Transform to Uppercase or Lowercase)

요즘은 주 개발 툴로 VS Code를 사용한다. 개발에 필요한 각종 확장 프로그램도 많이 나와서 점점 더 편해지는 것 같다. VS Code에서는 단축키를 개인에 맞게 설정이 가능하다. (다른 코드 편집기로

leeborn.tistory.com

 

VSCode에서 editor, terminal간 커서 이동 단축키 설정하기

마우스 의존도 떨어뜨리기 +1

velog.io

 

 

VSCode (VisualStudio Code) - 줄 끝 공백 제거하기

VSCode - 줄 끝 공백 제거하기 VSCode 메뉴: [File] >> [Preferences] >> [Settings] "Trim Trailing Whitespace" 으로 검색 >> [Trim Trailing Whitespace] 항목을 체크합니다. Trim Trailing Whitespace

codedragon.tistory.com

 

 

불필요한 공백 제거

코딩하다보면 줄바꿈이나 코드 윗줄로 당겨올때 쓸대 없는 띄어쓰기나 탭이 생긴다. 이부분 제거할 수 있는 속성이 있는데.. 파일 > 기본설정 > 설정 에서 검색을 files.trim 로 하면 2개 속성이 나

rootjs.tistory.com

 

 

Visual Studio Code(비주얼 스튜디오 코드) css 속성 공백 제거 – wwwoong

비주얼 스튜디오 코드에서 css 자동완성시 생기는 속성 사이 공백 없애기. settings.json 에 아래 코드 추가 “emmet.preferences”:{ “css.valueSeparator”:”:” }

wwwoong.com

 

Vscode 비주얼코드 브라우저 실행 단축키 설정하기

Html 파일을 실행하기 위해 폴더에서 직접 더블클릭하는 것은 매우 번거롭다. 툴에서 곧바로 실행하는 것이 훨씬 효율적이다. 1. 비주얼 코드 좌측 바에서 EXTENSIONS를 눌러준다. 2. 브라우저에서 바

we-always-fight-with-code.tistory.com

 

 

[VSCode] 저장 시 자동정렬 설정하기

프로그래밍을 할때, 들여쓰기만 잘 되어 있어도 가독성 높은 코드를 만들 수 있습니다. VSCode는 사용자가 타이핑을 할 때, 복사한 코드를 붙여 넣을 때, 파일을 저장할 때 자동으로 코드를 정렬해

hianna.tistory.com

 

 

영삼넷 :: vscode - Visual Studio Code - 미니맵 단축키 설정

F1 누르고 toggleMinimap 검색 > 톱니바퀴 설정 누르고 단축키를 설정할수 있다. 명령 더블클릭후 키바인딩 팝업 > Ctrl + U > 엔터  이후 Ctrl + U 보이고 안보이고 할수 있다. Trackback Address :: https://youngsa

www.youngsam.net

 

 

VSCode 단축키 5분 정리

아래 유튜브를 보고 VSCode에서 유용한 단축키를 정리해 보았습니다. 반복되는 코드를 한번에 수정하기 맥 단축키: Command + D 윈도우 단축키: CTRL + D 반복된 코드를 한번에 수정할 때 유용하다. 단

anpigon.github.io

 

Comments