Vscode 최적화 경험 기사(설정 | 플러그인)

Vscode 최적화 경험 기사(설정 | 플러그인)

아시다시피 vscode는 매우 사용하기 쉬운 텍스트 편집기로 다양한 플러그인을 통해 거의 만능이며 유용한 IDE로도 사용할 수 있습니다. 개인적으로 매우 유용하다고 생각하는 , 따라서 여기에서 여러분과 공유하고 몇 가지 유용한 플러그인을 추천합니다.

이 글의 내용은 vscode의 업데이트에 따라 수시로 업데이트될 예정이며, 현재 내용의 마지막 업데이트 시간은 2023.1.18입니다.

---

vscode 공식 웹사이트: https://code.visualstudio.com/

내 비디오와 함께 볼 수 있습니다. 링크: https://www.bilibili.com/video/BV1Hd4y1o7CN/

권장 설정

다음은 기본 구성 settings.json중 일부 입니다.

{
    
    
  "files.autoSave": "afterDelay",
  "files.autoGuessEncoding": true,
  "workbench.list.smoothScrolling": true,
  "editor.cursorSmoothCaretAnimation": true,
  "editor.smoothScrolling": true,
  "editor.cursorBlinking": "smooth",
  "editor.mouseWheelZoom": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  "editor.wordWrap": "on",
  "editor.guides.bracketPairs": true,
  //"editor.bracketPairColorization.enabled": true, (此设置vscode在较新版本已默认开启)
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "editor.acceptSuggestionOnEnter": "smart",
  "editor.suggestSelection": "recentlyUsed",
  "window.dialogStyle": "custom",
  "debug.showBreakpointsInOverviewRuler": true,
}

플러그인

플러그인의 종류는 여러가지가 있는데 모든 플러그인에 대해서 제가 추천하는 플러그인을 4가지로 분류해 보았습니다 그 중에서 기본 기능 클래스는 여러가지로 많은 도움이 되는 플러그인이라고 생각합니다 거의 필수품이 될 수 있습니다. 나머지 플러그인도 많은 경우에 유용하며 필요에 따라 설치할 수 있습니다.

모습

주제

1. One Dark Pro

   매우 추천하는 다크톤 테마로, 잘생기고 눈이 편합니다.

   

2. GitHub Theme

   GitHub의 공식 테마

   

3. Dracula Official

   매우 특징적인 뱀파이어 테마

   

아이콘 테마

1. Material Icon Theme

   제가 개인적으로 사용하고 있는 아이콘 테마는 잘생기고 크고 완성도가

   

2. vscode-icons

   그것은 또한 좋은 아이콘 테마입니다

   

배경

1. Vibrancy Continued

   vscode 배경을 가우시안 블러로 만들고 성능을 많이 소모합니다(주의해서 사용)

   사용 방법: F1또는 를 누르고 ctrl+shift+p를 입력한 Reload Vibrancy다음 vscode를 다시 시작합니다.

   취소 방법: F1또는 를 누르고 ctrl+shift+p를 입력한 Disable Vibrancy다음 vscode를 다시 시작합니다.

   

기본 함수 클래스

1. Chinese (Simplified) (简体中文)

   [중국어 팩] 이것은 많은 소개가 필요 없을 것입니다. vscode의 공식 중국어 팩입니다.

   

2. Error Lens

   [오류 프롬프트] 이전에 표시된 문제는 해당 라인의 오른쪽에 표시되고 강조 표시될 수 있습니다.

   

3. Path Intellisense

   [경로 완료] 경로를 입력하면 완료하라는 지능형 프롬프트가 표시됩니다.

   

4. Image preview

   [이미지 미리보기] 가져온 이미지를 미리 볼 수 있습니다.

   

확장 함수 클래스

1. CodeSnap

   [코드 스크린샷] 매우 유용한 코드 스크린샷 플러그인

   

2. Prettier - Code formatter

   【코드 형식화 도구】슈퍼 다국어 지원, 원클릭 형식화, 코드 형식 미화

   

3. GBK to UTF8 for vscode

   [파일 인코딩 변환] GBK와 UTF8 인코딩 간에 파일을 원활하게 변환할 수 있습니다.

   

4. Hex Editor

   파일을 보는 데 사용되는 16진수 또는 UTF-8 인코딩

   

5. Doxygen Documentation Generator

   【문서 생성기】댓글 및 문서를 작성할 때 매우 유용합니다.

   

6. Remote - SSH

   [ssh 연결] 원격 서버 또는 가상 머신에 연결

   

7. Hungry Delete

   【IDEA와 같은 백스페이스 키】 공백 또는 탭의 전체 블록을 삭제하고 프로그래머가 백스페이스 키를 누르는 데 필요한 시간을 줄입니다.

   

알고리즘 연습

1. Code Runner

   [코드 실행 도구] 다국어 지원, 언어 실행 환경은 직접 설정 필요

   구성을 수정하는 것이 좋습니다.

   {
         
         
     "code-runner.runInTerminal": true,
     "code-runner.saveAllFilesBeforeRun": true,
     "code-runner.saveFileBeforeRun": true
   }
   

   

2. Competitive Programming Helper (cph)

   알고리즘 질문을 브러싱할 때 매우 유용합니다. 직접 샘플을 설정하고 클릭 한 번으로 모두 실행할 수 있습니다.