고정 탭 개선 사항 등이 포함된 VS Code 1.51 출시

작업대

더 눈에 띄는 고정 탭

고정된 탭은 비활성 상태일 때도 항상 핀 아이콘을 표시하여 더 쉽게 식별할 수 있습니다. 편집기가 고정되어 있고 저장되지 않은 변경 사항이 포함된 경우 아이콘은 두 상태를 모두 반영합니다.

확장 트리는 사용자 지정 호버를 사용합니다.

확장 트리 보기에서 기본 도구 설명을 사용하는 대신 플랫폼 간 일관성이 있고 전체 UX에 더 잘 맞는 사용자 지정 호버를 사용합니다.

동기화하지 않고 확장 프로그램 설치

이제 설정 동기화가 활성화되어 있는 동안 동기화하지 않고 확장 프로그램을 설치할 수 있습니다.

주제: 깃허브 라이트

Explorer에서 확장 프로그램 설치

VS Code는 이제 VSIX 파일을 마우스 오른쪽 버튼으로 클릭하고 다음을 선택하여 탐색기에서 확장 VSIX 파일 설치를 지원합니다. 확장 VSIX 설치 컨텍스트 메뉴 항목.

블러 명령 입력

새로운 내부 workbench.action.blur 이제 포커스 가능한 입력에서 포커스를 제거하는 명령을 사용할 수 있습니다. 이 명령에 대한 바로 가기 키를 할당할 수 있습니다. 키보드 단축키 기본 설정.

통합 터미널

로컬 에코

터미널에서 수정 작업을 수행하려면 일반적으로 터미널 프로세스로 정보를 보내고 처리한 후 영향을 받기 위해 VS Code로 반환해야 합니다. 연결 상태가 좋지 않거나 멀리 떨어져 있는 경우 속도가 느릴 수 있습니다. SSH 서버 또는 코드스페이스.

이 릴리스는 터미널에 "로컬 에코" 모드를 추가합니다. 이 모드는 로컬에서 수행된 수정 및 커서 이동을 예측하고 서버로 왕복할 필요 없이 UI에 표시하려고 합니다. 기본적으로 예상 문자는 "흐리게" 표시됩니다.

이를 구성하는 데 사용할 수 있는 두 가지 설정이 있습니다.

• terminal.integrated.localEchoLatencyThreshold 로컬 에코가 활성화되는 감지된 지연 임계값을 밀리초 단위로 구성합니다. 다음으로 설정할 수 있습니다. 0 기능을 항상 켜거나 -1 비활성화합니다. 기본값: 30.
• terminal.integrated.localEchoStyle 로컬 문자의 스타일 또는 색상을 구성합니다. 기본값은 어둑한.

인텔리센스

크기 조정 가능한 제안

이번 마일스톤에서는 제안 UI를 몇 가지 개선했습니다. 무엇보다도 이제 크기를 조정할 수 있습니다. 측면 또는 모서리를 끌어 컨트롤의 크기를 조정합니다.

주제: 깃허브 라이트, 글꼴: FiraCode

제안 목록의 크기는 세션 간에 저장되고 복원됩니다. 세부 정보 창의 크기는 세션별로만 저장됩니다. 그 크기는 더 가변적인 경향이 있기 때문입니다. 또한, editor.suggest.maxVisible제안 설정이 더 이상 사용되지 않습니다.

제안 상태 표시줄

이제 제안 컨트롤이 창 하단에 자체 상태 표시줄을 표시할 수도 있습니다. 다음을 사용하여 활성화 editor.suggest.showStatusBar 환경. 세부 사항을 더 간단하게 토글하고 완성이 삽입, 바꾸기 또는 둘 다를 지원하는지 보여줍니다.

주제: 깃허브 라이트, 글꼴: FiraCode

위의 샘플에서 "삽입"을 선택하면 Math.floorceil "바꾸기"를 선택하면 수학.바닥.

새로운 editor.suggest.insertMode 설정을 사용하면 삽입 또는 교체를 선호하는지 여부를 구성할 수 있습니다. 제안이 둘 다 지원하는 경우 기본 설정이 기본값이 됩니다.

커서를 이동하여 제안 선택

마지막으로 제안 사항이 표시되는 동안 커서를 이동할 수 있습니다. 예를 들어 단어 끝에서 제안을 실행하고 왼쪽으로 이동하여 더 많은 제안을 본 다음 바꾸기를 사용하여 단어를 덮어쓸 수 있습니다.

주제: 깃허브 라이트

개미

Emmet의 사용자 정의 스니펫이 돌아왔습니다. 또한 스니펫 파일을 저장하거나 업데이트하면 스니펫이 자동으로 새로 고쳐집니다. emmet.extensions경로 환경.

소스 제어

소스 제어 입력 상자는 커밋 메시지 기록을 저장합니다.

이 주소는 기능 요청 SCM 커밋 기록을 탐색합니다. 누르다 ↑ (윈도우, 리눅스 위로) 그리고 ↓ (윈도우, 리눅스 아래에) 이전 커밋과 다음 커밋을 각각 표시합니다. 입력 상자의 처음과 마지막 위치로 바로 이동하려면 를 누르세요. Alt 해당 화살표 키와 함께.

Git: 하위 메뉴의 태그 명령

태그 관련 Git 명령어가 추가되었습니다. ... 힘내 메뉴.

Git: 리베이스 명령

새로운 Git: 리베이스 브랜치... UI를 사용하여 분기를 리베이스할 수 있는 명령이 추가되었습니다.

Git: 재귀 복제 명령

이랑 Git: 복제(재귀적) 명령을 사용하여 이제 중첩된 Git 하위 모듈을 포함하여 Git 리포지토리를 재귀적으로 복제할 수 있습니다.

타임라인: 이모티콘 단축 코드 렌더링

이제 다음과 같은 이모티콘 단축 코드를 렌더링합니다. :웃다:, 타임라인 보기에서.

언어

마크다운 스마트 셀렉트

다음 새 명령을 사용하여 Markdown 문서에서 선택 영역을 확장 및 축소합니다.

• 확장하다: ⌃⇧⌘→ (윈도우, 리눅스 Shift+Alt+오른쪽)
• 수축: ⌃⇧⌘← (윈도우, 리눅스 Shift+Alt+왼쪽)

선택은 다음에 적용되며 전통적인 계층적 패턴을 따릅니다.

• 헤더
• 기울기
• 따옴표 차단
• 분리된 코드 블록
• HTML 코드 블록
• 단락

JavaScript 및 TypeScript용 빈 중괄호 서식 옵션

새로운 javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces 그리고 typescript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces 서식 구성 옵션은 빈 중괄호 사이에 공백이 삽입되는지 여부를 제어합니다. 이러한 설정의 기본값은 true입니다. 예를 들어 JavaScript의 경우:

클래스 푸 { doFoo() { } }

환경 "javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces": 거짓 코드를 형식화하면 다음과 같은 결과가 나타납니다.

class Foo { doFoo() {} // 공백이 제거되었음을 알 수 있습니다. }

브라우저 지원

폴더 다운로드(Edge, Chrome)

새로운 활용 파일 시스템 액세스 브라우저에서 실행되는 API, VS Code는 이제 파일 탐색기에서 폴더에 대한 다운로드 작업을 제공하여 모든 파일과 폴더를 디스크로 다운로드할 수 있습니다.

메모: 이를 위해서는 최신 버전의 Microsoft Edge 또는 Google Chrome이 필요합니다.

작업 공간 열기 알림

가 포함된 폴더를 열면 .code-작업 공간 파일을 최상위 수준에서 열면 이제 파일을 열라는 알림이 표시됩니다. 이것은 데스크톱용 VS Code의 경우 항상 그랬고 이제 브라우저에서도 작동합니다.

실수로 닫기 방지

새로운 설정 window.confirmBefore닫기 작업대를 닫거나 나가기 전에 확인 대화 상자를 표시하도록 추가되었습니다.

가능한 값은 다음과 같습니다.

• 키보드만 확인은 키 바인딩을 사용하여 닫을 때만 표시됩니다(예: ⌘W (윈도우, 리눅스 Ctrl+W)). (기본)
• 언제나: 마우스 제스처로 닫아도 확인 대화 상자는 항상 표시됩니다.
• 절대: 확인 메시지가 표시되지 않습니다.

메모: 이 설정은 모든 경우에 적용되지 않을 수 있습니다. 브라우저는 여전히 확인 없이 탭이나 창을 닫기로 결정할 수 있습니다.

확장에 대한 기여

GitHub 풀 요청 및 문제

작업은 계속됩니다. GitHub 풀 요청 및 문제 풀 요청 및 문제에 대해 작업, 생성 및 관리할 수 있는 확장 프로그램입니다.

모든 새로운 기능과 업데이트에 대해 알아보려면 전체 0.22.0에 대한 변경 로그 확장 릴리스.

원격 개발

작업은 계속됩니다. 원격 개발 확장, 컨테이너, 원격 시스템 또는 Linux용 Windows 하위 시스템 (WSL)은 모든 기능을 갖춘 개발 환경입니다.

1.51의 주요 기능은 다음과 같습니다.

• 터미널 세션을 지속/재연결하는 기능.
• 향상된 포트 포워딩 경험.

새로운 확장 기능 및 버그 수정에 대해 알아볼 수 있습니다. 원격 개발 릴리스 정보.

미리보기 기능

미리보기 기능은 출시 준비가 되지 않았지만 충분히 사용할 수 있습니다. 개발 중인 초기 피드백을 환영합니다.

설정 동기화

설정 동기화는 이제 확장 프로그램의 전역 상태를 동기화합니다. 확장 프로그램은 새로 도입된 기능을 사용하여 동기화할 상태를 제공해야 합니다. setKeysForSync API.

프록시 자격 증명 기억

네트워크 연결에 프록시 인증이 필요할 때 표시되는 로그인 대화 상자를 정밀 검사하고 있습니다. 새로운 설정, window.enableExperimentalProxyLoginDialog: true, 향후 릴리스에서 기본값으로 만들 계획인 이 새로운 환경을 활성화합니다.

주제: 깃허브 라이트

대화 상자는 VS Code 창 안에 나타나며 VS Code를 시작할 때마다 자격 증명을 제공할 필요가 없도록 자격 증명을 기억하는 방법을 제공합니다. 자격 증명은 OS 표준 자격 증명 저장소(macOS의 경우 키체인, Windows의 경우 Windows 자격 증명 관리자, Linux의 경우 gnome 키링)에 저장됩니다.

우리는 여전히 이 대화 상자를 세션당 한 번만 표시하지만 나중에 이 결정을 다시 검토할 수 있습니다. 기억하도록 선택한 자격 증명이 유효하지 않은 경우 대화 상자가 다시 나타납니다. 다시 제공하면 변경할 수 있습니다.

이 옵션을 활성화하고 예상대로 작동하지 않는 경우 당사를 통해 알려주십시오. 이슈 트래커.

TypeScript 4.1 베타 지원

VS 코드는 타입스크립트 4.1 베타 그리고 야간 빌드. 4.1 업데이트는 다음 지원과 같은 몇 가지 새로운 TypeScript 언어 기능을 제공합니다. 재귀 조건부 유형, 뿐만 아니라 도구 개선. 한 가지 중점 분야는 초기 지원 추가 ~을위한 @보다 JSDoc 주석의 태그.

TypeScript 4.1 야간 빌드 사용을 시작하려면 TypeScript Nightly 확장. 피드백을 공유하고 TypeScript 4.1에서 버그가 발생하면 알려주십시오.

확장 저작

업데이트된 확장 샘플

우리는 우리의 일부를 업데이트했습니다 확장 샘플 색상 테마 토큰에 연결된 VS Code 기본 스타일을 포함합니다. 이는 공통 요소(텍스트, 버튼, 입력)가 테마 가능하고 제품의 기본 스타일과 일치함을 의미합니다. 다음은 이를 포함하는 확장입니다.

• 사용자 정의 편집기 샘플
• webview-샘플
• webview-view-sample

나무의 코디콘 색상

의 마무리와 함께 테마 아이콘 색상 API, 확장 작성자는 사용자 정의 트리 보기의 코디콘에 테마 색상을 사용할 수 있습니다.

전역 상태 동기화

확장은 이제 새로 도입된 기능을 사용하여 설정 동기화가 활성화될 때 값이 동기화되어야 하는 키를 제공하여 전역 상태를 동기화할 수 있습니다. setKeysForSync API의 글로벌 상태 기념물.

/** * 구성, 확장 및 기념품과 같은 사용자 데이터를 동기화할 때 장치 간에 값을 동기화해야 하는 키를 설정합니다. * * 이 함수는 값이 동기화된 전체 키 세트를 정의합니다. * - 빈 배열로 호출하면 이 기념품에 대한 동기화가 중지됩니다. * - 다음으로 호출하면 비어 있지 않은 배열은 값이 동기화된 모든 키를 대체합니다. * * 주어진 키 세트에 대해 이 함수는 한 번만 호출해야 하지만 * 반복적으로 호출해도 해가 되지 않습니다. * * @param keys 값이 동기화된 키 집합입니다. */ setKeysForSync(키: string[]): 무효;

논평 확장 프로그램은 이제 새 속성을 사용하여 댓글 스레드에서 응답 버튼의 가시성을 제어할 수 있습니다. CommentThread#canReply. 로 설정되면 거짓, 사용자는 댓글 스레드에서 답장 버튼이나 댓글 상자를 볼 수 없습니다.

제안된 확장 API

모든 이정표에는 새로운 제안 API가 제공되며 확장 작성자는 이를 사용해 볼 수 있습니다. 언제나 그렇듯이 여러분의 피드백을 원합니다. 제안된 API를 시도하기 위해 수행해야 하는 작업은 다음과 같습니다.

• 제안된 API는 자주 변경되므로 내부자를 사용해야 합니다.
• 에 이 줄이 있어야 합니다. 패키지.json 확장자 파일: "enableProposedApi": 참.
• 최신 버전을 복사하십시오. vscode.proposed.d.ts 파일을 프로젝트의 소스 위치에 넣습니다.

제안된 API를 사용하는 확장은 게시할 수 없습니다. 다음 릴리스에는 주요 변경 사항이 있을 수 있으며 기존 확장 기능을 중단하고 싶지 않습니다.

접는 범위 공급자 변경 이벤트

접는 범위 제공자는 편집기에 다음을 사용하여 접는 범위를 업데이트해야 함을 알릴 수 있습니다. onDidChangeFoldingRanges 이벤트.

자세한 내용과 피드백을 제공하려면 다음을 사용하십시오. 문제 #108929.

비밀번호 API

지속적인 작업의 일환으로 인증 제공자, 민감한 정보를 저장하고 검색하는 API를 도입했습니다. 내부적으로 이것은 래퍼(wrapper) 역할을 합니다. 키타르 VS Code가 비밀을 저장하는 데 사용하는 라이브러리입니다.

/** * 키로 저장된 비밀번호를 검색합니다. * 해당 키와 일치하는 암호가 없으면 undefined를 반환합니다. * @param key 암호가 저장된 키입니다. */ 내보내기 함수 getPassword(키: 문자열): 그러면 가능; /** * 주어진 키 아래에 비밀번호를 저장합니다. * @param key 아래에 비밀번호를 저장할 키 * @param value 비밀번호 */ 내보내기 함수 setPassword(키: 문자열, 값: 문자열): 그러면 가능; /** * 저장소에서 암호를 제거합니다. * @param key 암호가 저장된 키입니다. */ 내보내기 기능 deletePassword(키: 문자열): 그러면 가능; /** * 비밀번호가 설정되거나 삭제될 때 발생합니다. */ const onDidChangePassword 내보내기: 이벤트;

공학

VS Code 신뢰할 수 있는 유형을 준수하도록 만들기

우리는 VS Code "신뢰할 수 있는 유형"을 준수하도록 계속 노력했습니다. 목표는 DOM 기반 크로스 사이트 스크립팅 취약점을 방지하는 것입니다. web.dev에서 신뢰할 수 있는 유형에 대해 자세히 알아볼 수 있습니다. 신뢰할 수 있는 유형 사이트 우리의 진행 상황을 따르십시오 문제 #103699.