Sublime Text 3에서 TypeScript를 지원하는 방법은 무엇입니까?


102

저는 현재 Angular에서 일하고 있으며 Sublime Text로 Typescript를 잘 지원합니다.

Sublime 텍스트 편집기로 TypeScript에 대한 지원을 받으려면 어떻게해야합니까?

Shift+ Ctrl+ 를 치려고 시도한 P다음 TypeScript 를 입력 했지만 TypeScript 결과를 얻지 못했습니다.

공식 TypeScript 웹 사이트를 통해 Sublime Text를 내 PC에 복제했습니다.

랩톱에 TypeScript를 설치했습니다. 다음에 무엇을 할 수 있습니까?


AngularJS 또는 Angular? 잘못된 태그를 선택했을 수 있습니다.

답변:


152

당신은 눌러이 작업을 수행 할 수 있습니다 Ctrl+ shift+ p쓰기 pci누르 패키지 관리자를 엽니 다 입력합니다. 그런 TypeScript다음 http://typescriptlang.org에 게시 된 첫 번째 옵션을 입력 하고 선택합니다 .

참고 : Mac OS 사용자의 경우 Command (⌘)+ shift+ p대신 Ctrl+ shift+를 사용하십시오 p.


30
그런 다음 Sublime에서 유형 스크립트 파일을 열면 Sublime의 오른쪽 하단에서 일반 텍스트를 볼 수 있습니다. 일반 텍스트를 클릭하십시오. 수직 팝업 상자 (측면 탐색 모음)가 표시됩니다. 아래로 스크롤하여 "Typescript"를 선택합니다. 선택 후 해당 파일의 색상 변경을 볼 수 있습니다.
Pravinraj Venkatachalam

5
"패키지 설치"를 설치 한 후 "ctrl + shift + p"를 입력 한 다음 "패키지 설치"를 입력 한 다음 선택할 패키지 목록이 표시되면 "TypeScript"를 입력하고 Enter 키를 누릅니다.
stackMonk

케이스가 완벽한 지 확인하는 것뿐입니다. 그렇지 않으면 표시되지 않습니다. 기다리는 것도 중요합니다.
Vijay Kumar Kanta

32

아직 완료되지 않은 경우 먼저 다음과 같이 패키지 설치 프로그램 을 설치해야합니다 .

  • Ctrl+ shift+ 누르기p
  • "inst"를 입력하고 선택 Install Package Control

다음 팝업이 나타납니다.

패키지 제어가 성공적으로 설치되었습니다.

시작하려면 명령 팔레트를 사용하고 "패키지 설치"를 입력하십시오.

이제 다음 과 같이 Typescript 지원을 설치할 수 있습니다 .

  • Ctrl+ shift+ 누르기p
  • "inst"를 입력하고 선택 Package Control: Install Package
  • "type"을 입력하고 "Typescript"를 선택합니다.

이제 기본적으로 일반 텍스트 가 선택되어 있는 편집기의 오른쪽 하단을 클릭하여 a를 열고 file.ts유형을 Typescript로 변경할 수 있습니다 .


19

Mac OS를 사용하는 경우 다음 명령을 사용하십시오.

cd ~/"Library/Application Support/Sublime Text 3/Packages"
git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

그 누른 후 cmd+ shift+ p숭고한 텍스트 3, 다음 "타이프 라이터"를 입력하고 입력 "타이프 라이터"를 선택하고 버튼을 누르십시오.

그리고 Windows에서 :

cd "%APPDATA%\Sublime Text 3\Packages"
git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

그런 다음 Ctrl + Shift + p를 눌러 설치 패키지를 작성하고 Enter를 누른 다음 "TypeScript"를 입력하고 "TypeScript"를 선택하고 Enter를 누르십시오.


2
이 솔루션을 많이 검색했습니다. 감사합니다! Sublime Text 2에서도 작동 cd ~/"Library/Application Support/Sublime Text 2/Packages"합니다. 대신 수행하십시오.
Turingtested

16

(Mac의 경우 아래 키 콤보에서 Ctrl 대신 Cmd 를 누릅니다 .)

Ctrl + Shift + P를 누르고 "패키지 설치"를 입력합니다. "패키지 제어 설치"가 옵션으로 표시되면 선택하고 Ctrl + Shift + P를 다시 누르고 "패키지 설치"를 입력합니다. "패키지 제어 : 패키지 설치"를 선택합니다. 잠시 기다리면 새 드롭 다운 메뉴가 나타납니다. "TypeScript"를 입력하고 정확한 이름의 옵션을 선택합니다.


1
주셔서 감사합니다이 하나는 상단에 있어야 쉬웠다
카스 Kandari

14

있습니다 타이프 라이터 플러그인 을 설치 할 수있는 마이크로 소프트에 의해 작성 숭고한에 대한이. 최신 상태로 유지하려면 PackageControl 을 통해 설치하는 것이 좋습니다 .

플러그인은 node.js 및 TypeScript 컴파일러 (위에서 다운로드 한 것으로 추정 됨)를 사용하여 TypeScript 애플리케이션을 빌드하기위한 구문 강조 및 빌드 시스템을 제공합니다.

링크 된 페이지에는 설치 지침뿐만 아니라 사용자를위한 기능 및 사용 방법에 대한 정보가 포함되어 있습니다.


1

Ubuntu의 경우

cd /home/userNameOftheMachine/.config/sublime-text-3/Packages

git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

그런 다음보기> Syntex> Typescript


1
기본 sublime-text-3 디렉토리 대신 Packages 디렉토리로 복제하라는 제안에 대해 @turingtested에게 감사드립니다. 나를 위해 일한이 답변에도 똑같이 적용됩니다.
jpat827

3
올바른 디렉토리는 cd ~/.config/sublime-text-3/Packages입니다. 그런 다음 작동합니다.
Carlos Pinzón

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.