새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


기본설정)Visual Studio 유용한 단축키 // 열 재정렬 보기좋게 하기 Windows : Shift + Alt + F

♨ 카랜더 일정 : 2021년08월11일
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    코드 자동 정렬 

    Visual Studio Code에서 코드 자동 정렬하는 방법과 들여쓰기 공간 칸수 설정 방법


    https://www.devkuma.com/docs/vscode/code-formatting/

    Windows : Shift + Alt + F

    3232235521_1706697343.0525.png

    Visual Studio Code(VSCode)에서 코드를 자동 정렬하는 방법을 소개 한다. 코드를 수정하다 보면, 들여쓰기(indent)가 맞지 않아 코드를 정리하고 싷ㅍ은 경우 있다. 일일히 다 수정을 하다 보면 시간도 많이 걸리게 되는데, 이때 사용할 수 있는 코드 자동 정렬 기능을 이용하면 손쉽게 코드를 정리할 수 있다.

    단축키로 코드 자동 정렬하기

    Visual Studio Code(이하, VSCode)에서 코드를 정렬하는 각 OS별로 단축키는 다음과 같다.


    Windows : Shift + Alt + F

    macOS : Shift(⇧) + Option(⌥) + F

    Linux : Ctrl + Shift + I

    조건> php 설치

    3232235521_1706697153.1454.png


    [Etc.] VScode Ctrl + K + F(자동정렬, 들여쓰기)안됨 해결

    https://velog.io/@do_ng_iill/VScode-Ctrl-K-F자동정렬-들여쓰기안됨-해결



    Visual Studio 유용한 단축키 정리 (feat.자동정렬)

    출처: https://shjz.tistory.com/32 [밤머리 이야기]

    에서  좋은 정보 정리된 내용 펌 합니다
    Ctrl + K,F 는 소스수정 앞뒤 맞지 않는 열을 재정렬 합니다 

    변경전

    3232235521_1613199334.902.png

    변경후

    3232235521_1613199349.0816.png

    코딩에 관심 있는 사람이라면 한 번씩 쓸법한 유용한 비주얼 스튜디오 단축키를 정리해 보았다. 

    그중 내가 유용하다고 생각될만한 단축키는 강조 처리했으니 참고하면 될 것 같다.

    Ctrl-K, Ctrl-H : 바로가기 설정. ( 작업목록 창에서 확인 가능 )
    Ctrl-K, K : 북마크 설정 / 해제
    Ctrl-K, L : 북마크 모두 해제
    Ctrl-K, N : 북마크 다음으로 이동
    Ctrl-K, P : 북마크 이전으로 이동
    Ctrl-K, C : 선택한 블록을 모두 주석 처리
    Ctrl-K, U : 선택한 블록을 모두 주석 처리 해제 

    Ctrl-A : 전체 코드 블럭잡기 -> Ctrl-K,F : 선택한 영역 자동 코드 정렬  (이거 다시 찾다가 포스팅하는 중...)

    Ctrl-F3 : 현재 단어 찾기
    -> F3 : 다음 찾기

     

    Ctrl-F7 : 현 파일만 컴파일
    : 현 프로젝트만 빌드
    Ctrl-Shift-B : 전체 프로젝트 빌드
    Ctrl-F5 : 프로그램 시작

     

    Ctrl-i : 일치하는 글자 연속적으로 찾기
    Ctrl+i 를 누르면 하단에 자세히 보면, “증분 검색”이라는 텍스트가 나온다.
    그러면 그때 찾기 원하는 단어를 입력할 때마다 일치하는 위치로 바로바로
    이동한다. (좋은 기능)
    타이핑은 “증분 검색”이라는 텍스트 옆에 커서는 없지만 입력이 된다.
    입력하는 문자를 수정하려면, backspace로, 그만 찾으려면 엔터.

    줄 넘버 보여주기 : 도구 > 옵션 > 텍스트 편집기 > 모든 언어 > 자동 줄번호 선택하면 됨.

    Ctrl+ – (대시 문자), Ctrl+Shift+ –  :
    현재 커서를 기억하는 Ctrl+F3(VS 6에서), Ctrl+K, K(VS 7에서) 와는 달리
    사용자가 별도로 입력을 해주는 건 없고, 단지 이전에 커서가 있었던 곳으로
    위 키를 누를 때마다 이동된다. (shift를 이용하면 역순)

    Ctrl-F12 : 커서 위치 내용의 선언으로 이동( 즉, 대략 헤더파일 프로토타입으로 이동)

    F12 : 커서위치 내용의 정의로 이동( 즉, 대략 CPP파일 구현부로 이동)

    Shift+Alt+F12 : 빠른 기호 찾기 ( 이거 찾기보다 좋더군요. 함수나 define 등 아무거나에서 사용)

    F12: 기호 찾기. (s+a+f12 비교해볼 것)

    Ctrl-M, Ctrl-L : 소스파일의 함수 헤더만 보이기 (구현부는 감추고) (토글 키)
    Ctrl-M, Ctrl-M : 현재 커서가 위치한 함수를 접는다/편다. (토글 키)

    #include “파일명” 에서 “파일명” 파일로 바로 직접 이동
    하고 싶을 경우 -> Ctrl-Shift-G


    <편집>—————————————————————————
    Ctrl-F : 찾기 대화 상자
    Ctrl-H : 바꾸기 대화 상자
    Ctrl-Shift-F : 파일들에서 찾기 대화 상자
    Ctrl-Shift-H : 파일들에서 바꾸기 대화 상자
    Ctrl-G : 해당 줄로 가기
    Ctrl-K, Ctrl-F : 선택된 영역 자동 인덴트 (VS 6의 Alt-F8기능)
    Ctrl-] :괄호({,}) 쌍 찾기 : 괄호 앞이나 뒤에서 눌러서 닫거나,
    여는 괄호 이동
    Ctrl-Shift-Spacebar : 함수 이름 편집 중 툴팁으로 나오는 함수와 매개변수 설명이 안나올 경우, 강제로 나오게

    alt-LButton ->Drag : 원하는 영역의 블록을 세로로 잡기

    Ctrl+Shift+R (키보드 리코딩) :
    가끔 연속된 연속기만으로는 부족한 경우가 있다.
    이럴 때, 몇 번의 키 동작으로 리코딩하여, 이것을 반복하고 싶은 경우가 있다.
    이때 Ctrl+Shift+R 을 누르고, 원하는 동작들을 수행 후, 다시 Ctrl+Shift+R을
    눌러 종료한다.  이 중간 동작을 원하는 위치에서 반복하고 싶다면
    Ctrl+Shift+P 를 누른다.

    Ctrl+Shift+V (히스토리 붙이기) :
    Ctrl + V와는 달리 클립보드에 있는 복사된 내용을 돌아가면서 붙여준다.
    따로 복사를 해주거나 할 필요는 없다. 그냥 Ctrl+C로 계속 원하는 것을
    복사하면 된다.

    Ctrl-Z : 이전으로 되돌리기
    Ctrl-Shift-Z : 되돌렸다, 다시 복구하기

     

     

    <디버그/빌드>————————————————————————-
    F5 : 디버그 시작
    Ctrl-F5 : 디버그 없이 빌드
    F9 : 디버그 브렉포인트 설정
    Ctrl-F9 : 현 위치 설정된 브렉포인트 해제
    Ctrl-Shift-F9 : 모든 브렉포인트 해
    Shift-F5 : 디버그 빠져나오기
    Ctrl-F10 : 커서가 있는 곳까지 실행
    Shift-F11 : 현 함수를 빠져나감.

     

    Shift+Ctrl+B :  전체 빌드(프로젝트가 여러 개 있을 경우 모두 빌드)
    Alt+B, C : 해당 프로젝트만 정리.
    Alt+B, U : 해당 프로젝트만 빌드.

     

    <창 관련>————————————————————————-

    Shift+Alt+Enter : 전체 창 (토글 됨)
    F4 : 속성 창 보여준다.
    Ctrl+Alt+X : 리소스 에디터 툴박스 창
    Ctrl+Alt+K : 작업 목록 창.

     

    단축키 설명
    Ctrl + Tab  Edit하고 있는 Child Window 간의 이동
    Ctrl + F4   현재 Edit하고 있는 Child Window를 닫기
    Ctrl + I    문자열 입력 점진적으로 문자열 찾기 (Incremental Search)
    Ctrl + F3   현재 커서에 있는 문자열 찾기 fowared (블록 지정 안 해도 됨)
    Shift + F3  현재 커서에 있는 문자열 찾기 backward
    F3  찾은 문자열에 대한 다음 문자열로 이동 (Next Search)
    Ctrl + H    문자열 찾아 바꾸기 (Replace)
    Ctrl + Left/Right Arrow 단어 단위로 이동
    Ctrl + Delete 또는 Backspace  단어 단위로 삭제
    Ctrl + F2   현재 라인에 북마크 지정/해제
    F2  지정된 다음 북마크로 이동
    Ctrl + Shift + F2   지정된 모든 북마크를 해제
    F9  현재 라인에 Breakpoint를 지정/해제
    Ctrl + Shift + F9   현재 Edit하고 있는 소스파일에 지정된 모든 Breakpoint 해제
    Ctrl + ] 또는 E   ‘{‘괄호의 짝을 찾아줌 (‘{‘에 커서를 놓고 눌러야 함}
    Ctrl + J, K #ifdef 와 #endif의 짝을 찾아줌
    Ctrl + L    한 라인을 클립보드로 잘라내기 (Cut)
    Ctrl + Shift + L    한 라인을 삭제
    Alt + Mouse 블록 설정 세로로 블록 설정하기 (마우스로)
    Ctrl + Shift + F8   세로로 블록 설정하기 (키보드로), 취소할 때는 Esc키를 눌러야 함
    블록 설정 -> Tab    선택된 블록의 문자열을 일괄적으로 들여쓰기(Tab) 적용
    블록 설정 -> Shift + Tab    선택된 블록의 문자열을 일괄적으로 내어쓰기 적용
    Alt + F8 -> Tab 또는 Shift + Tab  들여쓰기 자동 조정 (Tab:들여쓰기, Shift + Tab : 내어쓰기)
    Ctrl + T    현재 커서에 있는 변수/함수에 대한 Type이 Tooltip 힌트 창에 나타남
    Ctrl + Alt + T  멤버 변수/함수 목록에 대한 팝업 창이 나타남
    Ctrl + Shift + T    공백/콤마/파이프/괄호 등을 기준으로 좌우 문자열을 Swap시킴
    Ctrl + Shift + 8    문단기호 표시/감추기 : Tab은 ^, Space는 .으로 표시
    Ctrl + D    툴바의 찾기 Editbox로 이동
    Ctrl + Up/Down Arrow    커서는 고정시키고 화면만 스크롤 시키기
    출처: https://shjz.tistory.com/32 [밤머리 이야기]

    소스 정렬하기 : ctrl + a , ctrl + K-f

    ■ ▶ ☞ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다 ♠ . ☞ 본자료는 https://11q.kr 에 등록 된 자료 입니다♠.

    [이 게시물은 11qkr님에 의해 2022-10-17 18:06:04 12.Nas_2에서 이동 됨]
    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일

    [Etc.] VScode Ctrl + K + F(자동정렬, 들여쓰기)안됨 해결
    https://velog.io/@do_ng_iill/VScode-Ctrl-K-F자동정렬-들여쓰기안됨-해결

    shift + alt + F 로 사용합니다

    답변
    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일

    [VSCode] Format Selection(ctrl k + f)가 안될 때
    August 03, 2020

    Extension으로 Prettier-Code formatter를 설치하고 부터 Format Selection기능이 작동하지 않았다.

    다시 활성화 시키는 방법이다.

    ctrl+shift+p를 누르고 settings.json를 검색한다
    가장 상단의 Open Settings(JSON)을 클릭한다
    settings.json파일에서 [javascript] 속성을 다음과 같이 수정한다.
    "[javascript]": {
            "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    나의 경우 해당 값이 prettier로 설정이 되어있었는데 prettier에서 따로 설정값을 주지 않아 Format Selection이 제대로 작동하지 않았다.

    이제 formatter가 잘 작동하는것을 확인할 수 있다.

    답변
    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일

    ChatGPT
    Visual Studio Code에서 소스를 정렬하는 핫키는 언어마다 다를 수 있지만, 일반적으로 코드 포맷팅을 위해 사용하는 기본 단축키는 다음과 같습니다:

    코드 포맷팅 단축키:
    Windows/Linux: Shift + Alt + F
    macOS: Shift + Option + F
    이 단축키를 사용하면 현재 파일의 소스 코드를 지정된 형식에 맞춰 자동으로 정렬할 수 있습니다.

    추가 팁:
    파일 형식에 따라, 더 나은 결과를 얻기 위해 확장 프로그램을 설치할 수 있습니다. 예를 들어, Prettier나 ESLint 같은 확장 프로그램은 JavaScript/TypeScript 등의 파일을 포맷하는 데 유용합니다.
    확장 프로그램 설치 후, 설정에서 포맷터로 지정할 수 있습니다. 이렇게 하면 저장할 때 자동으로 포맷되게 설정할 수도 있습니다.
    자동 포맷 설정: File -> Preferences -> Settings에서 "editor.formatOnSave": true를 설정합니다.
    이 설정을 통해 Visual Studio Code에서 소스 코드를 더욱 효율적으로 정렬하고 관리할 수 있습니다.





    빈줄 공백 제거 방법은

    답변
    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일

    빈줄 공백 제거 방법은
    ChatGPT
    Visual Studio Code에서 빈 줄과 공백을 제거하는 방법은 몇 가지가 있습니다. 아래에 각 방법을 설명하겠습니다:

    1. 명령 팔레트 사용하기
    Visual Studio Code에는 다양한 명령을 실행할 수 있는 명령 팔레트가 있습니다.

    명령 팔레트 열기: Ctrl + Shift + P (Windows/Linux) 또는 Cmd + Shift + P (macOS)
    Trim Trailing Whitespace 명령 실행: 명령 팔레트에서 "Trim Trailing Whitespace"를 입력하고 선택합니다. 이 명령은 파일의 모든 행 끝에 있는 공백을 제거합니다.
    2. 설정 파일 수정하기
    자동으로 파일 저장 시 공백을 제거하도록 설정할 수 있습니다.

    설정 열기: Ctrl + , (Windows/Linux) 또는 Cmd + , (macOS)
    검색 창에 "trim" 입력: Files: Trim Trailing Whitespace 설정을 찾아 체크합니다. 이 설정을 활성화하면 파일을 저장할 때 자동으로 공백이 제거됩니다.
    추가 설정: Files: Trim Final Newlines 옵션을 활성화하여 파일 끝에 있는 빈 줄도 제거할 수 있습니다.
    3. 확장 프로그램 사용하기
    특정 확장 프로그램을 사용하여 공백을 제거하고 파일을 정리할 수 있습니다.

    Prettier - Code formatter: Prettier는 코드 스타일을 자동으로 맞춰주고 공백도 제거해주는 확장 프로그램입니다.
    설치: 확장 탭에서 "Prettier"를 검색하여 설치합니다.
    설정: "editor.formatOnSave": true 및 "prettier.trailingComma": "none" 등을 설정 파일에 추가하여 자동 포맷팅을 설정합니다.
    4. 정규 표현식 사용하기
    정규 표현식을 사용하여 빈 줄이나 공백을 직접 제거할 수 있습니다.

    Find and Replace 기능 열기: Ctrl + H (Windows/Linux) 또는 Cmd + H (macOS)
    정규 표현식 활성화: Find and Replace 창의 오른쪽에 있는 .* 버튼을 클릭하여 정규 표현식을 활성화합니다.
    빈 줄 제거: ^\s*$\n을 찾기 상자에 입력하고, Replace 상자는 빈칸으로 두고 "Replace All"을 클릭합니다.
    행 끝 공백 제거: \s+$을 찾기 상자에 입력하고, Replace 상자는 빈칸으로 두고 "Replace All"을 클릭합니다.
    위의 방법들을 사용하면 Visual Studio Code에서 빈 줄과 공백을 손쉽게 제거할 수 있습니다.

    불럭을 주어 핫키로 하는 방법
    ChatGPT
    Visual Studio Code에서 특정 블록의 빈 줄이나 공백을 제거하는 작업을 핫키로 수행하려면, 아래의 단계를 따라 설정할 수 있습니다.

    1. 빈 줄과 공백 제거를 위한 명령 추가
    Visual Studio Code에는 기본적으로 제공되지 않는 일부 기능을 키바인딩으로 추가할 수 있습니다. 예를 들어, 빈 줄과 공백 제거를 위한 명령을 직접 추가할 수 있습니다.

    2. 설정 파일 편집
    VS Code에서 사용자 정의 키바인딩을 설정하기 위해 keybindings.json 파일을 편집합니다.

    키바인딩 파일 열기: Ctrl + Shift + P (Windows/Linux) 또는 Cmd + Shift + P (macOS)를 눌러 명령 팔레트를 열고, "Preferences: Open Keyboard Shortcuts (JSON)"을 검색하여 선택합니다.
    키바인딩 추가: 아래의 코드를 keybindings.json 파일에 추가하여 빈 줄과 공백을 제거하는 명령을 설정합니다.
    json
    코드 복사
    [
        {
            "key": "ctrl+alt+t",
            "command": "editor.action.trimTrailingWhitespace",
            "when": "editorTextFocus && !editorReadonly"
        },
        {
            "key": "ctrl+alt+b",
            "command": "editor.action.deleteLines",
            "args": {
                "lines": [
                    "$line"
                ],
                "sortLines": false,
                "trimWhitespace": true
            },
            "when": "editorTextFocus && !editorReadonly"
        }
    ]
    위 설정에서 ctrl+alt+t는 현재 선택된 줄의 끝 공백을 제거하고, ctrl+alt+b는 현재 선택된 줄을 제거합니다. 필요에 따라 키바인딩을 변경할 수 있습니다.

    3. 확장 프로그램 사용
    VS Code의 확장 프로그램 중 하나인 "Trailing Spaces"를 사용하여 빈 줄과 공백을 제거할 수 있습니다.

    확장 프로그램 설치: "Trailing Spaces" 확장을 설치합니다.
    설정: 이 확장을 사용하면 특정 키바인딩을 통해 빈 줄과 공백을 제거할 수 있습니다.
    4. 사용자 정의 스니펫 사용
    또한, 스니펫을 사용하여 빈 줄과 공백을 제거하는 명령을 추가할 수 있습니다.

    스니펫 파일 열기: Ctrl + Shift + P (Windows/Linux) 또는 Cmd + Shift + P (macOS)를 눌러 명령 팔레트를 열고, "Preferences: Configure User Snippets"을 선택한 후, 적절한 언어를 선택합니다.
    스니펫 추가: 아래의 스니펫을 파일에 추가합니다.
    json
    코드 복사
    {
        "Remove Blank Lines": {
            "prefix": "removeBlankLines",
            "body": [
                "${TM_SELECTED_TEXT/\\s+$//gm}"
            ],
            "description": "Remove trailing whitespace from selected lines"
        }
    }
    이제 removeBlankLines 스니펫을 사용하여 선택된 줄의 끝 공백을 제거할 수 있습니다.

    위의 방법을 사용하여 Visual Studio Code에서 블록의 빈 줄과 공백을 핫키로 제거할 수 있습니다. 필요에 따라 각 방법을 조합하여 사용할 수 있습니다.

    답변

    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-11-25 15:07:40

    오늘의 홈 현황


    • 현재 접속자♨ 224 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 6 명
    • 주간 가입자※ 11 명
    • 오늘 방문자 2,182 명
    • 어제 방문자 4,085 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,812,096 명
    • 전체 게시물※ 8,861 개
    • 전체 댓글수※ 25,238 개
    • 전체 회원수 11,331 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑