오픈소스 IDE 시장에서는 최근 몇 년 동안 Visual Studio Code(줄여서 VSCode)가 점점 더 인기를 얻고 있습니다. 2018년 Stack Overflow 설문 조사 보고서에 따르면 2015년 출시 이후 개발자 중 35%가 VSCode를 사용하도록 전환했습니다. 다음으로 VSCode를 보다 효율적으로 사용할 수 있도록 몇 가지 제안과 기술을 소개하겠습니다. Git과 Gitlens Git은 개발자들 사이에서 가장 인기 있는 소프트웨어라고 할 수 있습니다. 명령줄을 통하는 것보다 IDE에서 직접 Git을 작동하는 것이 훨씬 쉽습니다. Git 모듈은 스테이지, 커밋, 숨김, 실행 취소 등의 작업을 수행하는 데 도움이 될 수 있습니다. Gitlens 플러그인은 훨씬 더 많은 가능성을 제공합니다. Gitlens의 가장 유용한 기능은 각 코드 줄의 커밋 기록을 볼 수 있다는 것입니다. Live Share VSCode Live Share는 실험적인 기능입니다. 공식 웹사이트에서는 다음과 같이 말합니다. 어떤 유형의 애플리케이션을 구축하든, 어떤 언어를 사용하여 프로그래밍하든, 어떤 운영 체제를 사용하든 협업이 필요할 때 실시간 공유를 통해 팀원과 프로젝트를 즉시 공유할 수 있습니다. 팀원은 저장소를 복제하거나 환경을 설정하지 않고도 실시간으로 편집하고 디버깅할 수 있습니다. Live Share를 사용하면 함께 편집하고 디버그할 수 있으며 오디오, 서버, 터미널, 차이점, 댓글 등도 공유할 수 있습니다. 코드 검토를 수행하든, 팀 동료와 프로그래밍을 짝을 이루든, Hackathon에 참여하든, 대화형 강의를 제공하든 Live Share는 다양한 글쓰기 스타일로 지원을 제공할 수 있습니다. JSON을 코드로 API를 접했을 때 API가 반환하는 데이터 구조에 유형 정의가 있을 수 있기를 바라지만 수동으로 정의할 필요는 없는 경험을 하신 적이 있나요? JSON을 코드로 붙여넣기는 한 번의 클릭으로 JSON 파일을 대상 언어의 유형 정의로 변환할 수 있습니다. 일괄 이름 바꾸기 코드를 작성하고 유지 관리할 때 리팩토링은 필수입니다. 특히 큰 모듈이나 큰 코드 섹션을 리팩터링할 때 하나씩 찾아서 수정하는 경우 변수/함수 이름이 골치 아플 수 있습니다. . 다행히 VSCode가 도움이 될 수 있습니다. 변수/메소드 이름을 선택한 후 F2를 누르면 선택한 이름을 편집할 수 있으며 전체 프로젝트의 관련 인스턴스가 모두 수정됩니다. 현재 파일만 수정하려면 Command+F2(Mac) 또는 Ctrl+F2(Windows)를 사용하세요. 정의로 이동 코드를 작성할 때 변수/메서드를 마주할 때 우리는 종종 그것이 가리키는 의미를 잊어버립니다. 이때 무엇을 해야 할까요? 전체 프로젝트를 검색하고 올바른 위치를 찾는 데 몇 분이 걸립니다. VSCode에서는 Command(Mac)/Ctrl(Windows)을 사용하고 해당 변수/메서드 이름을 클릭하면 VSCode가 자동으로 올바른 위치로 이동합니다. 또는 변수/메서드 이름에 커서를 놓은 다음 Command(Mac)/Ctrl(Windows)을 누르면 변수/함수의 정의가 현재 커서 옆에 나타납니다. 이렇게 하면 다른 위치로 점프하는 수고를 덜 수 있습니다. 여러 줄 편집 동일한 텍스트의 여러 인스턴스를 삽입/삭제하려는 경우 다중 커서를 만들 수 있습니다. Option(Mac)/Alt(Windows) 키를 누른 채 클릭할 때마다 커서가 현재 위치에서 멈춥니다. 클릭할 때마다 새로운 커서가 생성되며 이러한 위치는 동시에 편집될 수 있습니다. HTML에서 매우 유용하며, 특히 클래스 이름/하이퍼링크를 변경하고 여러 위치에 나타날 때 유용합니다. Debugger 디버거 자체에는 많은 콘텐츠가 있으며 VSCode에는 전용 비디오 소개가 있습니다. Youtube 비디오 주소: VSCode 디버깅 Node.js 단축키 바인딩 효율적으로 작업하려면 자주 사용하는 명령을 단축키로 만들어보세요. 치트시트/"단축키 바인딩 보기"를 통해 핵심 명령을 빠르게 확인할 수 있습니다. 명령 콘솔은 가장 좋은 친구입니다. Command+p(Mac)/Ctrl+p(Windows)를 사용하여 열 수 있습니다. 파일 이름을 입력하면 지정된 파일로 빠르게 이동할 수 있습니다. 이는 왼쪽 프로젝트 디렉터리에서 천천히 검색하는 것보다 훨씬 빠릅니다. ● 사용 가능한 모든 작업을 보려면 >를 입력할 수 있습니다. > 来查看所有可用任务 ● 用@● 모든 기호(변수/함수/클래스 이름/메서드 등)를 가져오려면 @ 기호를 사용하세요. .) 현재 파일 등) 사용자 정의 바인딩 단축키 VSCode에 "모두 저장"이라는 명령이 누락되어 있습니다. Command+Shift+S(Mac)/Ctrl+Shift+S(Windows) 중 하나를 사용자 정의할 수 있습니다. 추천 튜토리얼: vscode 기본 튜토리얼🎜
