9

최근에 TypeScript를 배우려고 노력 중이며 .ts 파일로 작업 할 때 'Web Essentials'확장 프로그램을 설치 한 후 시청 한 비디오 중 일부에서 Visual Studio는 사전 준비 작업을 제공합니다. 보기 패널을 사용하여 입력하는 동안 JavaScript를 볼 수 있습니다.Typescript Visual Studio 지원 2017

이 동영상은 누군가가 내가이 2017 VS에서 일을 얻을 수있는 방법을 알고 않습니다,이 옵션을하지 않는 것 같습니다 그러나 VS 2017에서 웹 에센셜을 설치 VS 2012

를 사용하는 것? TypeScript에 대한 지원이 동일합니까?

답변

5

VS 2017에 대한 질문을 볼 수 있으며 VS 2017에 대한 문서가 없는지 확인하기 위해 다시 추가되었는지 확인하십시오. 그러나이 버전은 VS 2015에서 제거되었습니다. Github

새 버전이 나올 때 TS 컴파일러와 계속 충돌하여 TS 미리보기 창이 Web Essentials 2015에서 제거되었습니다. TS 팀은이를 알고 있으며 앞으로이 기능을 TS 도구에 추가하기를 희망합니다. 이 기능은 미리보기 창이 구현되었을 때 새로운 웹 컴파일러 확장 (https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c)에 포함될 수 있습니다.

14

그래서 TypeScript는 기본적으로 VS2017과 함께 설치됩니다 (업데이트 2는 최신 버전의 2.3을 제공하고 병행 설치를 허용합니다). Visual Studio Installer를 통해 추가 할 수 있습니다 - 설치 프로그램에서 버거 메뉴를 클릭하고 수정을 선택한 다음 개별 구성 요소를 클릭하고 SDK, 라이브러리 및 프레임 워크에서 TypeScript를 추가 할 수 있습니다.

{ 
    "compileOnSave": true, 
    "compilerOptions": 
    { 
     "noImplicitAny": false, 
     "noEmitOnError": true, 
     "removeComments": false, 
     "sourceMap": true, 
     "target": "es5" 
    }, 
    "exclude": 
    [ 
     "node_modules" 
    ] 
} 

중요한 설정은 당신이를 저장할 때 JS 파일을 컴파일 VS 알려줍니다 compileOnSave입니다 :

일단 당신이 어떻게 행동하는, 예를 들어 여기에 타이프 스크립트 컴파일러를 알려줄 수있는 tsconfig.json 파일을 추가 할 수 있습니다 설치 ts.

이제 당신은 당신의 타이프 스크립트 파일 내에 중첩 된 자바 스크립트 파일이 나타납니다

:

Nested TypeScript

지금 당신이 단지 옆에 두 파일의 측면을 열 당신이 다음 TS를 저장할 때 JS가 자동으로 업데이트됩니다 필요 VS가 디스크에 변경된 파일을로드하라는 메시지를 표시하면 항상 업데이트 옵션을 선택하는 것이 좋습니다.

+0

Visual Studio 2017.2 (26430.15)를 가지고 있지만 내 TypeScript 버전은 여전히 ​​2.2.2.0입니다. Visual Studio 업데이트와 함께 새로운 TypeScript 버전을 제공하는 것을 중단했는지 여부는 누구나 알고 있습니까? –

+1

@ Hermann.Gruber 나는 또한 2.2.2.0에 갇혀있다. https://github.com/Microsoft/TypeScript/issues/17619 –

+0

@Eric D. Johnson : 링크를 공유해 주셔서 감사합니다. 그러나, 내가 의미하는 질문은 * Visual Studio 업데이트와 함께 * TypeScript 버전을 묶는 것을 중단했는지 여부입니다. 분명히 이것은 사실입니다 .-(위의 내 의견을 발표 한 후 며칠 동안 여기에서보고 한 문제를 참조하십시오. https://developercommunity.visualstudio.com/content/problem/83772/no-more-typescript-updates.html –

1

나는 약간의 작업이지만 출력을 확인하려고 할 때 이상한 경우에 도움이된다.

vs2017을 실행 중입니다. 웹 필수 기능과 웹 컴파일러가 설치되어 있지만 여전히 15.4를 지원하지 않는 것으로 나타나 tsconfig.json을 사용할 수 없습니다.

가 간단히 프로젝트의 숨김 파일을 표시하고 해당 JS 파일을 선택한 다음 분할 화면을 enter image description here

이 있도록 변경하면 오른쪽에있는 탭을 드래그하여 TS 파일을 저장, 당신은을 얻을 수 있습니다 "파일이 변경되었습니다"라는 팝업 또는 그와 비슷한 것으로, "자동 변경이 감지되지 않으면 자동 복구"라는 확인란을 선택할 수 있습니다 (다시 말하면 나는 그것을 바꿀 수 있도록 옵션을 찾으려고 시도합니다. 스크린 샷을 만들 수는 있지만 찾을 수는 없습니다!), 확인한 다음 "모두 예"를 선택하면 js 파일이 새로 고쳐집니다. 다음에 ts 파일을 변경하면 js 파일이 업데이트됩니다.

나는 위대하다고 생각하지 않지만 코스를 따라갈 때 볼 수있는 것의 아날로그를 얻을 수 있고 자바 스크립트의 미리보기를 계속 보여줌으로써 매우 유용하다는 것을 알았습니다.

0

Visual Studio 2017에서는 설치 프로세스 중에 "Node.js development"Workload를 설치하거나 "New Project 대화 상자에서 기존 설치를 수정해야합니다"에서 찾고있는 것을 찾을 수 없습니까? Open Visual Studio Installer "링크를 클릭하십시오.

그런 다음 파일> 새로 만들기> 프로젝트 ...는 설치된 카테고리 아래에서 Javascript 및 Typescript 프로젝트 템플릿을 포함합니다.