8가지 최고의 VSCode 확장

Microsoft의 VS(Visual Studio) 코드는 최근 점점 인기를 얻고 있는 무료 오픈 소스 코드 편집기입니다. 매우 가볍고 유연하며 많은 강력한 기능을 제공합니다. PHP, JavaScript, C++ 등 가장 널리 사용되는 프로그래밍 언어를 지원합니다.

VS Code는 크로스 플랫폼입니다. Windows 플랫폼에서만 사용할 수 있는 것이 아니라 Linux 및 Mac 버전도 사용할 수 있습니다. 다운로드 주소: https://code.visualstudio.com/.

하지만 아마도 가장 멋진 점은 VS Code가 확장 Store에서 사용할 수 있는 수많은 무료 확장을 제공하여 새로운 언어를 지원하거나 코드를 디버그하거나 다양한 기타 사용자 정의 기능을 추가할 수 있다는 것입니다. 일상적인 개발 요구 사항을 더 잘 충족할 수 있도록 자신만의 편집기를 유연하게 구성할 수 있습니다.

다음은 프런트 엔드에 적합한 몇 가지 최고의 VS Code 확장을 소개합니다.

Git 개선 사항: GitLens

Git 기능이 이미 VS Code에 내장되어 있지만 GitLens는 편집기를 "강화"하기 위해 더 많은 버전 제어 기능을 제공할 수 있습니다. 코드에 대한 심층 분석을 제공하여 변경 시기와 변경 후 코드의 모습을 보여줍니다. 다양한 브랜치, 태그, 커밋을 비교할 수도 있습니다. 전반적으로 이 확장 프로그램은 완전히 새로운 시각적 경험을 제공합니다.

자세한 내용: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

구문 강조: Beautify

구문에 크게 의존하고 있습니까? ? 가장 밝은 부분? 그렇다면 Beautify가 바로 당신에게 필요한 것입니다. 이미 VS Code에서 사용할 수 있는 Online JavaScript Beautifier를 활용하여 스타일을 쉽게 변경할 수 있습니다. 즉, 콘텐츠에 따라 들여쓰기, 줄 바꿈 및 기타 세부 정보를 설정할 수 있습니다.

자세한 내용: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

코드 검사: ESLint

JavaScript는 디버그. 그러나 ESLint 확장을 사용하면 이 프로세스를 더 쉽게 만들 수 있습니다. 코드를 실행하기 전에 잠재적인 문제를 지적하는 데 도움이 될 수 있습니다. 더욱 강력한 점은 자신만의 린팅 규칙을 만들 수 있다는 것입니다. 더 이상 세부 사항 : https://marketplace.visualstudio.com/items?itemname=dbaeumer.vscode-eslint

debugger : chrome chrome Debugger Debug Code 런타임 중에 Chrome용 디버거는 작업을 더 잘 완료하는 데 도움이 됩니다. 코드, 조사식 및 콘솔에 중단점을 설정하는 기능을 포함하여 편리한 기능이 많이 있습니다. 또한 VS Code 내에서 Chrome 인스턴스를 실행하거나 별도의 실행 중인 브라우저 인스턴스에 디버거를 연결할 수 있습니다. 추가 정보: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

환경 개선:

React 기본 도구

React는 가장 매력적인 JS 라이브러리 중 하나입니다. 그 위에 새로운 WordPress 블록 편집기(일명 Gutenberg)가 구축될 정도로 말이죠. 많은 React 프로그래머 중 한 명이라면 React Native Tools는 필수 확장입니다. react-native 명령을 실행하는 기능을 추가하고 자신의 코드를 디버깅하는 데도 도움이 됩니다.

추가 정보: https://marketplace.visualstudio.com/items?itemName=vsmobile.vscode-react-native

인터페이스 테마 : 원 다크 프로

# 🎜 🎜#

코드를 입력할 때 시선을 사로잡는 인터페이스 테마를 사용하면 도움이 될 것입니다. 결국 코딩 프로세스는 몇 시간 동안 지속될 수 있습니다. One Dark Pro는 Atom 편집기의 인기 있는 "One Dark" 테마를 VS Code로 가져옵니다.

추가 정보: https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

코드 개선: # 🎜🎜#브래킷 쌍 컬러라이저 2

# 🎜 🎜 #

Bracket pair Colorizer 2는 코드를 더 쉽게 읽을 수 있게 해주는 간단한 확장 프로그램입니다. 일치하는 괄호 쌍에 색상을 지정하여 함수가 시작하고 끝나는 위치를 매우 직관적으로 결정할 수 있습니다. 사용할 색상을 선택할 수도 있습니다.

추가 정보: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

#🎜🎜 # VisualEnhancement :#### ## ## ## ## #####vscode-icons#🎜🎜 ## ## ## ## ## ## 🎜🎜 ## 🎜🎜#

아마도 vscode-icons는 VS Code를 위한 가장 효과적인 시각적 조정 확장 중 하나입니다. 프로젝트에서 단조로운 파일 목록을 가져와 다채로운 언어별 아이콘을 추가합니다. 이를 통해 코드 파일의 유형을 쉽게 알 수 있습니다. 작업 공간에 개인화를 추가할 수 있다는 것은 매우 환영받는 기능입니다.

추가 정보: https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-iconsPress your own 코드 작성 방법VS Code는 엄청나게 많은 확장 기능을 제공하므로 매우 매력적인 편집기입니다. 사용하는 언어와 일치하도록 설정을 자유롭게 구성하고 선호하는 작업 공간 시각적 요소를 설정할 수 있습니다.

또한 기업 문화와 오픈 소스 문화의 흥미로운 혼합을 제공합니다. VS Code는 Microsoft에서 지원하므로 향후 더 나은 유지 관리가 가능합니다. 오픈소스 커뮤니티는 소프트웨어를 중심으로 활발한 생태계를 조성했는데, 이는 기업과 오픈소스 문화가 결합된 모델이라고 할 수 있습니다.

원본 주소: https://1stwebdesigner.com/top-free-extensions-for-vs-code/

이 기사는 가독성을 보장하기 위해 무료 번역을 사용합니다. 문자 그대로의 번역이 아닙니다.

추천 튜토리얼:

vscode 입문 튜토리얼

위 내용은 8가지 최고의 VSCode 확장의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!