본문 바로가기

IT/VSCode

 (17)
VSCode 분할창 기능 분할창 기능을 만들어보자 일단 윈도우, 리눅스 기준으로 ctrl + shift+ p를 누르면 short cut 리스트를 확인할 수 있습니다. File:OpenActive File in New Window 그중에 File:OpenActive File in New Window 명령어를 확인해보면 현재 포커스 된 화면을 새로운 윈도우로 다시 띄워주는 것을 확인할 수 있습니다.( 원하는 기능을 찾았습니다!!) 처음에 보면 이상한 커먼드로 되어있는데 옆에 톱니바퀴를 누르고 새로운 shortcut 커먼트를 입력해서 변경하도록 합니다. 저는 ctrl + shift + number_add(넘버 키 쪽 +버튼)으로 했습니다. 그럼 이제 short cut를 입력할 때마다 새롭게 윈도우창으로 해당 파일이 뜨는 것을 확인할 ..
Visual Studio Code 추천 플러그인 Visual Studio Code 작업환경 세팅하기 업무 특성상 파견이 잦기 때문에 컴퓨터를 리셋하고 다시 환경을 세팅해야 할 때가 많습니다. 때문에 저는 제가 사용하는 플러그인들과 꼭 해야 하는 환경설정은 네이버 개인 카페에 비공개로 작성해두고 매번 참고하기 때문에 이번 기회에 포스팅에 한번 더 정리해 두려고 합니다. 세팅을 할 때면 git과 node.js도 항상 함께 설치해주지만 오늘은 VS Code 설치 및 환경설정을 중점적으로 정리해보겠습니다. 1. Visual Studio Code 설치하기 줄여서 VS code라고 많이 말합니다. VS code는 구글 검색창에 Visual Studio Code라고 검색하시면 무료로 손쉽게 다운받으실 수 있습니다. window와 mac 버전이 나뉘어 있으니 본인의..
다중 선택 - 같은 단어(변수) 모두 선택하여 수정하는 2가지 방법 VSCode에서 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다. [VSCode] 다중 커서 - 여러줄 선택 하는 2가지 방법 (세로 선택) [VSCode] 다중 선택 - 커서를 여러개 추가하기 VSCode는 같은 단어를 모두 선택하여, 한번에 변경하는 기능을 제공합니다. 코드 리팩토링 시, 변수명을 변경해야 할 때 유용한 기능입니다. Ctrl + Shift + L 1. 변경하려는 단어를 선택하고 2. Ctrl + Shift + L 단축키를 누르면, 선택한 단어와 같은 단어가 모두 선택됩니다. 3. 이 때, 단어를 수정하면, 동시에 수정이 됩니다. Ctrl + D 위의 Ctrl + Shift + D 단축키를 사용하면, 선택된 단어(변수)와 같은 단어가 모두 선택되고, 변경됩니다. Ctrl + D..
다중 선택 - 커서를 여러개 추가하기 VSCode에서 개발 생산성을 높여주고, 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다. [VSCode] 다중 커서 - 여러줄 선택 하는 2가지 방법 (세로 선택) [VSCode] 다중 선택 - 같은 단어(변수) 모두 선택하여 수정하는 2가지 방법 지난 내용은 위 링크를 참조하세요. VSCode는 원하는 위치에 커서를 여러 개 추가하여 동시에 같은 내용을 추가할 수 있는 기능을 지원합니다. Alt + Click 1. Alt 키를 누른 채로, 커서를 추가하고 싶은 부분을 차례로 클릭합니다. 2. 선택이 완료되면 Alt 키에서 손을 떼고, 해당 부분을 수정하면 커서가 위치한 모든 부분에 같은 내용이 반영됩니다. 출처: https://hianna.tistory.com/359?category=8737..
다중 커서 - 여러줄 선택 하는 2가지 방법 (세로 선택) VSCode에서 개발 생산성을 높여주고, 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다. [VSCode] 다중 선택 - 커서를 여러개 추가하기 [VSCode] 다중 선택 - 같은 단어(변수) 모두 선택하여 수정하는 2가지 방법 다른 내용은 위 링크를 참조하세요. VSCode는 세로 선택 기능을 지원합니다. 세로로 여러 줄을 동시에 선택하여, 동시에 수정할 수 있는 기능입니다. 다음은 키보드와 마우스를 이용해서 세로 영역을 선택할 수 있는 두 가지 방법입니다. Ctrl + Alt + (↑, ↓) 1. Ctrl + Alt 키를 누른 상태에서 위, 아래 방향 화살표로 세로 선택 영역을 조절합니다. 2. 세로로 여러 줄이 선택 된 상태에서, Shift + (←, →) 단축키로 가로 영역을 선택 할 수..
파일명으로 파일 찾기 (단축키, 멀티파일 열기) VSCode에서 파일명으로 파일을 검색하여 파일을 찾는 방법입니다. 'GO > Go to File' 또는 단축키 'Ctrl + P' Go > Go to File 메뉴를 이용하거나, 단축키 Ctrl + P를 이용해 파일 검색창을 엽니다. 검색창에 검색하려는 파일 명을 입력하면 아래와 같이, 검색된 파일이 나타납니다. 마우스나 키보드의 화살표를 이용하여 파일을 선택합니다. 파일 선택 후, 엔터키를 입력하면 해당 파일이 열립니다. 멀티 파일 열기 아래와 같이, 검색 결과가 여러건이 나오고, 그 중 여러 파일을 열려고 할때는 키보드의 오른쪽 화살표(→) 를 이용합니다. 파일을 선택하고, 엔터키 대신 오른쪽 화살표(→)를 입력하면 해당 파일이 열리고, 검색창은 닫히지 않고 유지되기 때문에, 다른 파일을 다시 선택..
마우스 휠 스크롤로 글자 확대/축소하기
vscode에서 tabSize 변경하기 vscode에서 tabSize 변경하기 vscode의 기본 tab size는 4로 되어있다. 맥의 경우 command + ,를, 윈도우즈의 경우 ctrl + , 키를 누른 뒤 우측 사용자 설정에 아래의 json을 입력한다. { "editor.tabSize": 2, "editor.insertSpaces": false, "editor.detectIndentation": false } 상단의 메뉴바에서 File → Preferences → Settings 메뉴를 선택하면 다음과 같이 Settings 파일이 열린다. Editor: Tab Size 항목의 값을 4로 변경한다. Editor: Insert Spaces 탭 대신 스페이스 사용하도록 설정 [체크] 해당 값은 Editor: Detect Indentatio..

티스토리툴바