생산성 향상을 위한 VS 코드 플러그인 및 기본 제공(미리 보기 포함)

작업을 용이하게 하고 생산성을 높이기 위해 작업 공간을 설정하려고 합니까? 이건 널위한거야

시작할 때 모든 코드 편집기를 테스트하고 모든 바로 가기를 시도하고 모든 확장을 설치하고 싶은 압도적인 충동이 있었습니다. 네, 설렘이 굉장했습니다!😅.

다음은 학습 여정에서 진정으로 유용하다고 생각한 몇 가지 확장 기능입니다.

추신: 여기에 사용된 텍스트 편집기는 Visual Studio 코드입니다...내가 이미 말했습니까?

1. 더 예쁘다

Prettier는 편집기와 통합되므로 변경 사항을 저장할 때마다 코드가 정리됩니다. 코드를 더 읽기 쉽게 만들고 프로젝트의 스타일 가이드와 일관성을 유지합니다.



How to set up Prettier plugin

2. 링크 편집

VS 코드에는 이제 일치하는 닫는 태그가 수정될 때 태그를 편집하기 위한 확장auto rename tag과 별도로 연결된 편집이라는 기본 제공 기능이 있습니다. 링크 편집을 활성화하는 명령은 링크 편집 시작(Ctrl+Shift+F2) 및 Escape입니다. 연결된 편집 모드를 비활성화합니다.

또는 UI에서 editor.linked를 검색하여 설정 수정 및 활성화





How to set up plugin

3. 라이브 서버

이 확장은 작업을 저장할 때마다 브라우저를 자동으로 새로 고칩니다. html, css 및 js 프로젝트로 작업할 때 특히 유용합니다.



How to set up plugin

4. 브래킷 쌍 Colorizer2

이 확장은 고유한 색상의 브래킷 쌍과 일치합니다. 이 확장은 특히 코드에 여러 범위가 있는 경우 코드를 탐색할 때 매우 유용하다는 것을 알게 될 것입니다.



How to set up plugin

5. 들여쓰기-무지개

이 확장은 코드의 가독성을 높이고 작업을 쉽게 탐색할 수 있도록 합니다.



How to set up plugin

6. 경로 인텔리센스

이 확장은 링크에서 참조할 때 파일 경로를 자동 완성합니다.



How to set up plugin

7. 머티리얼 아이콘 테마

Material Icon Theme는 아이콘을 더 명확하게 만듭니다. 따라서 서로 다른 파일 형식을 빠르게 식별할 수 있습니다.



How to set up plugin

8. 주제

코딩 경험을 즐기는 것은 항상 좋은 일이며 테마를 추가하여 확실히 재미를 더할 수 있으며 좋은 소식은 취향에 따라 선택할 수 있는 긴 목록이 있다는 것입니다.

개인적으로 맘에 들어요Palenight theme. 상당히 고급스럽네요😏



How to set up plugin

이봐 이것은 VS 코드에서 찾을 수 있는 제한된 확장 목록일 뿐이며 훨씬 더 많은 것이 있습니다.

초보자 프로그래머로서 가장 유용하다고 생각하는(또는 생각하는) 확장 기능이 무엇인지 아래에 설명하십시오.

편집됨: 귀하의 의견을 수정해 주셔서 감사합니다.

                                          💞 Babi