Visual Studio Code 확장

개요



학습 · 개발할 때 Visual Studio Cord를 사용하여 코드를 작성하고 있습니다.
학습을 진행하는 동안 불편하다..라고 생각하는 것이 여러가지 나왔습니다.
이번 기사에서는 불편하다고 느끼고 있는 부분과 그것을 해결하기 위한 확장 기능을 3개 공유하고 싶습니다.

목차


  • 터미널의 문자가 작다!
  • 에디터의 문자가 너무 막혔습니다!
  • 파일이 너무 많아 찾기 힘들다!

  • 1. 터미널의 문자가 작다!



    먼저, VSCode 내에서 터미널을 시작할 수 있다는 것을 알고 계십니까?
    contol(또는 ctrl)`+``(백 쿼트)로 기동할 수 있습니다.
    이것은 Mac 사용자로 US 키보드를 사용하시는 분의 기동 방법인 것 같습니다.
    ※JIS 키보드에서는 control(또는 ctrl)+shift⇧++

    그런데, 기동해 보는 것은 좋지만 문자가 작아 이것이 상당히 스트레스이기도 합니다.

    그런 때는.."terminal.integrated.letterSpacing""terminal.integrated.fontSize"이 두 가지를 settings.json에 추가하여 터미널의 문자 간격과 글꼴 크기를 사용자 정의 할 수 있습니다.

    그런 다음 settings.json을 여는 방법이지만 VSCode 설정으로 이동합니다.
    설정으로의 이동은 command (또는 cmd) ⌘++, (쉼표)입니다. ⇩ 화면이 됩니다.
    settings.json에서 편집을 찾을 수 없으면 왼쪽 하단> 확장 프로그램을 클릭하십시오.

    settings.json에서 편집을 클릭하면 편집 화면이 열립니다.

    settings.json
    {
        "diffEditor.ignoreTrimWhitespace": true,
        "workbench.startupEditor": "newUntitledFile",
        "workbench.iconTheme": "material-icon-theme",
        "workbench.editor.enablePreview": false,
        "window.zoomLevel": 0,
        "editor.minimap.enabled": false,
        "editor.fontSize": 16,
        "editor.tabSize": 2,
        "editor.wordWrap": "on",
        "editor.quickSuggestions": true,
        "editor.lineHeight": 22,
        "editor.renderIndentGuides": true,
        "editor.renderLineHighlight": "all",
        "terminal.integrated.letterSpacing": 1,
        "terminal.integrated.fontSize": 14,
    
    }
    

    자신은 이미 몇 가지 편리한 것을 추기하고 있습니다.
    아래에서 2개가 "terminal.integrated.letterSpacing""terminal.integrated.fontSize" 입니다.
    : 다음에 숫자를 입력하여 저장하면 반영됩니다. 마지막으로, (쉼표)를 잊지 마세요.

    이제 터미널 문자 작은 문제는 해결입니다!

    2. 에디터의 문자가 너무 막혔습니다!



    기본적으로 문자가 작거나 줄 높이가 막히거나 장시간 화면을 보면 눈이 피곤합니다.
    따라서 편집기의 글꼴 크기와 행 높이를 사용자 정의 할 수 있습니다."editor.fontSize""editor.lineHeight" 입니다.

    이것도 이전처럼 settings.json에 추가하여 사용자 정의 할 수 있습니다.

    예 해결!

    3. 파일이 너무 많아 찾기 어렵다!



    이번 기사에서 가장 말하고 싶었던 것은 이것입니다!

    디렉토리가 점점 늘어나고 원하는 파일에 도달하는 데 어려움이 있습니다.
    그런 분들에게 꼭 추가하고 싶은 확장 기능이"workbench.iconTheme": "material-icon-theme"
    ⇩ 이것이 ..


    ⇩ 이렇게 됩니다.


    이 부분만으로는 고마움을 느낄 수 없을지도 모릅니다만, 실제로 도입해 보면 감동합니다.
    여기도 settings.json에 추가하여 사용자 정의 할 수 있습니다.

    요약



    이번은 전부 5개 공유했습니다. 시인성을 높이는 것이 중요합니다.
    또 편리한 기능을 찾을 수 있으면 기사로 해 보고 싶습니다. 고마워요.
    지적 등 있으면 가르쳐 주시면 다행입니다.

    좋은 웹페이지 즐겨찾기