프로그래밍을 더욱 쉽게 만드는 9가지 Visual Studio 코드 확장

프로그래밍을 더욱 쉽게 만드는 9가지 Visual Studio 코드 확장

마이크로소프트의 비주얼 스튜디오 코드는 최고의 무료 텍스트 편집기 중 하나 지금 사용할 수 있습니다. 전체 기능 세트와 상대적 사용 용이성을 결합하며 성능은 Electron 앱에 놀라울 정도로 좋습니다. 사람들이 그것을 좋아하는 이유 중 하나는 이유를 제쳐두고 확장성입니다.





다른 많은 인기 있는 텍스트 편집기와 마찬가지로 Visual Studio Code에는 동작을 사용자 지정하는 데 사용할 수 있는 엄청난 양의 확장이 있습니다. Vim 또는 Emacs 스타일 키 바인딩을 추가하는 것과 같이 Visual Studio Code의 작동 방식과 느낌을 크게 변경할 수 있습니다. 이 목록을 사용하여 우리가 가장 좋아하는 몇 가지만 모았습니다.





Visual Studio 코드 확장을 설치하는 방법

익숙하지 않은 경우 Visual Studio Code에서 확장을 쉽게 설치할 수 있습니다. 클릭 확장 화면 왼쪽에 있는 아이콘. 디버그 아이콘 바로 아래에 있는 다섯 번째 아이콘입니다.





이제 설치하려는 확장의 이름이나 이름의 일부를 입력하기만 하면 됩니다. 확장 프로그램의 개요를 읽으려면 이름을 클릭한 다음 설치 아이콘을 클릭하여 설치합니다.

1. 비주얼 스튜디오 인텔리코드

Microsoft DevLabs에서 개발한 비주얼 스튜디오 인텔리코드 인공 지능을 활용하여 코딩을 도와주는 확장 프로그램입니다. 확장은 현재 Python, JavaScript/TypeScript 및 Java를 지원합니다.



jpg 파일 크기 줄이는 방법

이전에 Visual Studio 또는 Visual Studio Code에서 Intellisense를 사용한 적이 있다면 무엇을 기대해야 하는지 알 수 있을 것입니다. 여기서 차이점은 이것이 본질적으로 그 아이디어를 훨씬 더 지능적으로 받아들인다는 것입니다.

이 확장은 아직 개발 초기 단계이며 이미 인상적입니다. 개발에 시간이 좀 더 걸리면 Visual Studio Code에 바로 내장된 것을 볼 수도 있습니다.





2. 설정 동기화

텍스트 편집기를 정기적으로 사용하는 대부분의 사람들은 설정을 최소한 몇 가지 조정합니다. 많은 사람들이 더 나아가 개인 작업 스타일에 맞게 맞춤화합니다. 두 대 이상의 기계에서 자주 작업하는 경우 수동으로 이러한 조정을 지속적으로 수행하는 것이 답답할 수 있습니다.

설정 동기화 그 문제를 해결하는 것을 목표로 합니다. 간단한 GitHub Gist를 사용하여 설정 동기화는 설정을 동기화합니다. 여기에는 다른 확장과 해당 구성이 포함되므로 전체 구성을 이식할 수 있습니다. 한 시스템에서 일부 변경을 수행하고 설정을 동기화하면 다른 시스템에서 쉽게 동기화할 수 있습니다.





설정 동기화를 설정하는 데 몇 분이 걸리므로 다시 생각할 필요가 없습니다. 설정 지침은 Visual Studio Code의 확장 개요를 통해 확인할 수 있습니다.

3. 인텔리센스 경로

Visual Studio Code를 사용하여 개인 또는 시스템 구성 파일을 편집하는 경우, 경로 인텔리센스 생명의 은인이 될 수 있습니다. 간단히 말해서 확장 프로그램은 파일 이름에 Intellisense 스타일 완성 기능을 추가하여 메모리에 커밋할 필요 없이 긴 경로 이름을 쉽게 입력할 수 있도록 합니다.

이것은 비교적 간단한 확장이지만 몇 가지 구성 옵션이 있습니다. 예를 들어 디렉토리 이름 뒤에 슬래시를 추가할지 여부를 선택할 수 있습니다. 다른 옵션에는 import 문에 파일 이름을 포함할지 여부와 특정 파일 유형을 무시하는 기능이 포함됩니다.

4. 작업 탐색기

NS 작업 탐색기 확장은 Visual Studio Code에 함수를 실행하는 IDE 스타일 작업을 추가합니다. 여기에는 주로 현재 프로젝트에 대한 빌드 작업이 포함되지만 bash, Python 및 기타 스크립트도 포함될 수 있습니다.

작업 탐색기는 상당한 수의 표준 빌드 도구를 지원합니다. 여기에는 NPM, Grunt, Gulp, Ant, Make 및 Visual Studio Code 자체가 포함됩니다. 확장은 사용자 지정이 가능하므로 각 작업 실행기 및 스크립팅 언어에 대한 경로를 사용자 지정할 수 있습니다. 여러 버전이 설치되어 있고 특정 버전을 사용하려는 경우에 편리합니다.

5. 고렌즈

Visual Studio Code 기능 Git 통합 이전에 언급했듯이 즉시 사용 가능하므로 이 확장이 절대적으로 필요하지 않을 수도 있습니다. 즉, 고렌즈 프로젝트의 Git 기록을 시각화, 탐색 및 이해하는 데 도움이 되는 여러 기능을 추가합니다.

다른 기능 중에서 GitLens는 커밋과 분기 간의 차이점을 쉽게 시각화하는 데 도움이 되는 강력한 분할 diff 보기를 추가합니다. 확장 기능을 사용하면 프로젝트 커밋 기록을 검색하고 작성자, 파일, 커밋 메시지 등을 검색할 수도 있습니다.

다른 기능에는 지정된 파일에서 대부분의 작업이 수행되는 위치를 쉽게 확인할 수 있는 Visual Studio Code 거터의 히트 맵이 있습니다. 결론은 Git에 크게 의존하는 경우 최소한 이 플러그인을 시도해야 한다는 것입니다.

가입 또는 다운로드 없이 무료 영화 보기

6. 더 예쁘다

프론트 엔드 개발자, 특히 스타일 가이드를 따라야 하는 경우 더 예쁘다 당신의 새로운 가장 친한 친구가 될 수 있습니다. Prettier 확장은 같은 이름의 코드 서식 도구를 사용하여 JavaScript, TypeScript 및 CSS의 서식을 자동으로 지정합니다.

Prettier는 사용자가 작성한 코드를 가져와 엄격한 형식 지정 지침에 따라 다시 작성합니다. 확장 기능은 '의견이 있는' 것으로 자체적으로 여러 결정을 내림을 의미하지만 eslint 또는 tslint 도구와 함께 확장을 사용하여 고유한 린트 구성을 따르는지 확인할 수 있습니다.

7. 브라켓 페어 컬러라이저

브라켓 페어 컬러라이저 이름으로 잘 설명된 플러그인입니다. 특정 코드가 얼마나 깊이 중첩되었는지 알 수 있도록 특정 문자에 자동으로 색상을 지정합니다. 여러 언어가 기본적으로 지원되므로 선택한 언어가 지원되는 것이 거의 확실합니다.

기본적으로,

()

,

[]

, 그리고

{}

일치하지만 일치시키려는 다른 대괄호 문자를 정의할 수도 있습니다. 이러한 유형의 플러그인은 매우 양극화되는 경향이 있지만 원하는지 아닌지 확실하지 않은 경우 Bracket Pair Colorizer를 사용해 보십시오.

8. 코드 타임

텍스트 편집기에서 일주일에 몇 시간을 보내는지 궁금하신가요? 최적의 프로그래밍을 위해 하루 중 가장 좋은 시간은 어떻습니까? 이러한 측정항목이나 다른 측정항목에 대해 궁금한 적이 있다면 코드 시간 당신을위한 것입니다.

코드 시간은 Visual Studio Code에서 활동을 측정하고 위의 활동과 기타 메트릭에 대해 보고합니다. 상태 표시줄에서 실시간 메트릭을 볼 수 있으며 더 나은 보기를 위한 편집기 내 대시보드가 ​​있습니다.

코드 시간을 설정하여 주간 이메일 보고서를 보낼 수 있으며 Google 캘린더 통합을 사용하면 회의로 인해 방해받지 않도록 최고의 프로그래밍 시간을 위한 시간을 자동으로 따로 설정할 수 있습니다.

9. REST 클라이언트

프론트 엔드 웹 개발자이든 대부분의 시간을 서버에서 보내는 사람이든 관계없이 REST API를 테스트해야 하는 경우가 있을 것입니다. 이를 위한 브라우저 플러그인과 다른 많은 도구가 있지만 대부분의 시간을 텍스트 편집기에서 보낸다면 가장 편안한 위치에서 클라이언트를 사용할 수 있지 않겠습니까?

이것은 주장하는 바를 수행하는 비교적 간단한 확장입니다. HTTP 요청을 보내고 cURL 명령을 보낼 수 있습니다. 인증을 위해 확장은 기본 인증, 다이제스트 인증, SSL 클라이언트 인증서 등을 지원합니다.

Visual Studio Code의 생산성 향상

이러한 확장은 특히 Visual Studio Code를 처음 사용하는 경우 시작에 불과합니다. 첫째, 사용할 수 있는 확장 기능이 훨씬 더 많습니다. 대부분의 경우 우리는 특별히 언어별 확장을 피했지만 사용할 수 있는 확장이 많이 있습니다. JavaScript, C++, Go 또는 다른 언어로 코딩하든 작업을 더 쉽게 만들어 주는 확장을 찾을 수 있습니다.

Visual Studio Code에서 더 많은 작업을 더 빠르게 수행할 수 있는 방법도 많이 있습니다. 시작하는 데 도움이 되도록 Visual Studio Code에서 생산성을 높이는 데 필요한 필수 팁 목록이 있습니다.

공유하다 공유하다 트위터 이메일 디스크 공간을 확보하려면 이러한 Windows 파일 및 폴더를 삭제하십시오.

Windows 컴퓨터에서 디스크 공간을 비워야 합니까? 다음은 디스크 공간을 확보하기 위해 안전하게 삭제할 수 있는 Windows 파일 및 폴더입니다.

다음 읽기
관련 항목
  • 프로그램 작성
  • 비주얼 스튜디오 코드
저자 소개 크리스 욱(118건의 기사 게재)

Kris Wouk은 음악가이자 작가이며 누군가가 웹용 비디오를 만들 때 이름이 무엇이든 가리지 않습니다. 그가 기억할 수 있는 한 기술 매니아인 그는 확실히 좋아하는 운영 체제와 장치를 가지고 있지만 따라잡기 위해 어쨌든 가능한 한 많은 다른 장치를 사용합니다.

연락처 안드로이드와 페이스 북 사진 동기화
크리스 욱이 참여한 작품 더보기

뉴스레터 구독

기술 팁, 리뷰, 무료 전자책 및 독점 거래에 대한 뉴스레터에 가입하십시오!

구독하려면 여기를 클릭하세요.