[typescript] Visual Studio Code는 어떤 TypeScript 버전을 사용하나요? 어떻게 업데이트하나요?

Visual Studio Code에서 사용중인 TypeScript의 버전을 어떻게 알 수 있습니까? 특히 TypeScript 1.8.10과 VSCode 1.4.0을 사용하고있었습니다. 먼저 VSCode를 최신 버전 인 1.5.3으로 업데이트했습니다. 그러나 명령 줄에서 확인하면 TypeScript 버전이 여전히 1.8.10임을 알 수 있습니다. 그래서 커맨드 라인에서 TypeScript를 업데이트했고 이제 2.0.3입니다.

Visual Studio Code가 버전 2.0.3을 사용하고 있는지 확인하는 방법이 있습니까?

TypeScript를 최신 릴리스 버전으로 자동 업데이트하는 Visual Studio Code 업데이트 방법이 있습니까? 아니면 TypeScript 업데이트를 독립적으로 수행해야합니까?



답변

TypeScript를 자동으로 업데이트 할 수 있습니까?

VS Code는 최신 안정 버전의 TypeScript와 함께 제공됩니다.

VS Code 문서에서

즉, VS Code에서 사용하는 TypeScript 버전 을 자동으로 업그레이드 할 수있는 방법이 없습니다 . 그러나 사용자 설정이나 작업 공간 설정을 수정하여 VS Code에서 사용하는 TypeScript 버전을 재정의 할 수 있습니다.


VS Code는 어떤 TypeScript 버전을 사용합니까?

TypeScript 파일을 열면 VS Code가 화면 오른쪽 하단의 상태 표시 줄에 TypeScript 버전을 표시해야합니다.

VS Code 상태 표시 줄 TypeScript 버전


전역 TypeScript 버전 변경

  1. 예를 들어 원하는 TypeScript 버전을 전역으로 설치하십시오. npm install -g typescript@2.0.5
  2. VS Code 사용자 설정 열기 ( F1> Open User Settings)
  3. 업데이트 / 삽입 "typescript.tsdk": "{your_global_npm_path}/typescript/lib"npm root -g를 입력하여 {your_global_npm_path}를 찾을 수 있습니다.

이제 VS Code로 여는 모든 프로젝트는이 TypeScript 버전을 사용합니다. 물론이를 재정의하는 작업 공간 설정이없는 경우입니다.


로컬 TypeScript 버전 변경

  1. VS Code에서 프로젝트 열기
  2. 예를 들어 원하는 TypeScript 버전을 로컬에 설치합니다. npm install --save-dev typescript@2.0.5

    --save-dev프로젝트 package.json의을 업데이트하여 설치 한 TypeScript 버전을 devDependency.

  3. VS Code 작업 영역 설정 열기 ( F1> Open Workspace Settings)

  4. 업데이트 / 삽입 "typescript.tsdk": "./node_modules/typescript/lib"

    이제이 TypeScript 버전을 설치 한 프로젝트 만 해당 TypeScript 버전을 사용하며이 프로젝트의 VS Code에서는 전역 설치를 무시합니다.

  5. typescript.tsdk항목 을 추가 한 다음 VS Code UI를 사용하여 새 버전을 선택해야합니다.

    • VS Code 바닥 글에 표시된 버전을 클릭합니다.

      대 코드 바닥 글

    • UI에서 선택하십시오.

      UI에서 TS 버전 선택


또한보십시오:


답변

Visual Studio Code에는 안정된 버전의 TypeScript가 함께 제공되지만 해당 문서에 설명 된대로 최신 버전으로 전환 할 수 있습니다.

VS Code는 최신 안정 버전의 TypeScript와 함께 제공됩니다. 최신 버전의 TypeScript를 사용하려는 경우 TypeScript tsserver.js 파일이 포함 된 디렉토리를 가리키는 typescript.tsdk 설정 ( File > Preferences > User / Workspace Settings )을 정의 할 수 있습니다
.

예 :

{
   "typescript.tsdk": "node_modules/typescript/lib"
}

답변

Visual Studio Code가 버전 2.0.3을 사용하고 있는지 확인하는 방법이 있습니까?

Visual Studio Code에서 TypeScript 파일을 열면 오른쪽 하단에 사용중인 TypeScript 버전이 표시됩니다.

여기에 이미지 설명 입력

TypeScript를 최신 릴리스 버전으로 자동 업데이트하는 Visual Studio Code 업데이트 방법이 있습니까? 아니면 TypeScript 업데이트를 독립적으로 수행해야합니까?

내가 한 방법은 Visual Studio Code에 TypeScript npm 모듈이 설치된 폴더를 명시 적으로 알려주는 것입니다. 저는 Windows를 사용하고 있으므로 npm 명령을 실행하여 TypeScript ( npm install -g typescript)를 설치하면 다음 폴더에 설치됩니다.

C:\Users\username\AppData\Roaming\npm\node_modules\typescript\

따라서 libTypeScript npm 설치 폴더 를 사용하도록 Visual Studio Code에 지시해야합니다. 다음을 통해이 작업을 수행합니다.

  1. VS Code 설정 열기 (파일-> 환경 설정-> 설정)

  2. typescript.tsdk설정
    검색여기에 이미지 설명 입력

  3. npm이 TypeScript를 설치 한 위치를 찾습니다 : npm list -g typescript. 제 경우에는C:\Users\username\AppData\Roaming\npm

  4. typescript.tsdk설정 값을 다음으로 대체하십시오 . C:\\Users\\username\\AppData\\Roaming\\npm\\node_modules\\typescript\\lib
    이중 백 슬래시를 사용하여 백 슬래시가있는 적절하게 이스케이프 된 문자열을 사용하십시오.

  5. TypeScript 파일을 열고 오른쪽 하단의 TypeScript 버전 번호를 클릭 한 다음 작업 창에서 VS Code가 4 단계에서 지정한 디렉터리에서 TypeScript를로드하고 있음을 확인하여 VS Code가 intellisense 용 TypeScript의 npm 버전을 사용하고 있는지 확인합니다.

여기에 이미지 설명 입력

  1. 이 폴더로 이동하여 파일 이름을 변경하여 VS Code가 컴파일에 올바른 버전의 TypeScript를 사용하고 있는지 확인합니다.

C : \ Users \ username \ AppData \ Roaming \ npm \ tsc.cmd (tsc1.cmd와 같은 형식)

이제 VS Code (작업-> 작업 실행-> tsc : build-tsconfig.json)에서 빌드를 시도하면 VS Code 터미널 창에 다음 오류 메시지가 표시됩니다.

'tsc' is not recognized as an internal or external command, operable program or batch file.
The terminal process terminated with exit code: 1
  1. 파일을 다시 tsc.cmd로 변경하면 이제 전역 적으로 설치된 TypeScript 노드 패키지에 대해 VS Code에서 Intellisense를 빌드하고 사용할 수 있습니다.

답변

하단 표시 줄에 버전 번호가 표시되어야합니다.

여기에 이미지 설명 입력

번호 (위의 2.4.0)를 클릭하면 사용할 버전을 선택하는 옵션이 표시됩니다.

여기에 이미지 설명 입력

원하는 버전이 표시되지 않으면 해당 버전이 설치되지 않았으므로 설치해야합니다.

npm install -g typescript@2.7.2

교체 2.7.2설치하려는 버전.


답변

Mac에서 Spotlight를 사용할 때 tsserver.js 파일을 찾을 수 없었지만 mdfind를 사용하여 다시 시도했고 그 위치가 “/ usr / local / lib / node_modules / typescript / lib /”인 것을 발견했습니다.

그래서 settings.json에서 작업 공간 설정을 편집 할 때이 경로를 사용했습니다.

이제 최신 버전의 TypeScript를 사용하고 있으며 VSCode에서 최신 버전을 사용하고 있다고 알려줍니다.


답변

비슷한 문제가 있었고 이제 시스템에서 환경 변수를 수정하여 최신 버전의 TypeScript를 얻는 데 성공했습니다. 제 경우에는 2보다 높은 TypeScript 버전이 필요합니다.하지만 1.8.3 버전 만 사용할 수있었습니다. 먼저 시스템 환경 변수로 이동하여 경로 변수를 확인했습니다. 거기에서 TypeScript 버전 1.8.3에 대한 참조를 찾았습니다.

C : \ Program Files (x86) \ Microsoft SDKs \ TypeScript \ 1.8.3 \

상위 디렉터리를 확인했을 때이 디렉터리에 설치된 가장 높은 버전이기도합니다. 전 세계적으로 최신 버전을 설치하여 여기에서도 볼 수 있지만 거기에는 없다고 생각했을 것입니다. 여기에 표시되는 버전은 Visual Studio (Visual Studio 코드가 아님)와 함께 설치된 버전입니다.

그래서 Visual Studio로 가서 옵션> 확장 및 업데이트를 통해 TypeScript 라이브러리를 최신 버전으로 업데이트했습니다. 거기에서 최신 버전의 TypeScript를 검색하여 설치했습니다.

이로 인해 앞서 언급 한 상위 디렉토리에서 새 버전을 사용할 수있게되었습니다. 그런 다음 경로 변수를 다음과 같이 변경했습니다.

C : \ Program Files (x86) \ Microsoft SDKs \ TypeScript \ 2.2 \

이제 VS Code를 열고 tsc -v를 입력하면 최신 버전을 사용하고 있음을 알 수 있습니다. 더 이상 불일치 메시지가 없습니다. 이것이 여러분에게 도움이되기를 바랍니다.


답변

Typescript 패키지에는 컴파일러와 언어 서비스가 있습니다. VScode는 컴파일러가 아닌 Typescript 언어 서비스와 함께 제공됩니다. 다른 답변과 같이 오른쪽 하단에서 언어 서비스를 볼 수 있지만 사용 된 컴파일러 버전은 볼 수 없습니다.

컴파일러 및 언어 서비스에 대해 서로 다른 버전을 가질 수 있습니다.