9

我最近一直在努力學習打字原稿,並在一些有.TS工作時,我一直在安裝「網絡綱要」後延觀看視頻文件的Visual Studio打字稿支持爲您提供了一個預查看面板,以便您可以在鍵入時看到JavaScript。爲Visual Studio 2017年

這些影片似乎可以用VS 2012

但是安裝在VS 2017年的Web要點似乎沒有這個選項,沒有人知道我怎麼能得到這個在2017年VS工作?它對TypeScript有相同的支持嗎?

回答

5

我看到你的問題是2017年VS和我沒有找到2017年VS任何文件,以證實是否已被加回。然而,我卻發現,這是在2015年VS去除參見Github

此鏈接的TS預覽窗格已經從網絡要點2015年刪除,由於連續運行與TS編譯器時發生衝突的新版本問世。 TS團隊知道這一點,我希望他們將來可以將這個功能添加到TS工具中。預覽窗格實施時,此功能可能會包含在全新的Web編譯器擴展(https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c)中。

14

所以打字稿默認安裝與VS2017(更新2會給你的最新版本2.3,並允許並排安裝)。如果您沒有它,可以通過Visual Studio安裝程序添加 - 從安裝程序中單擊漢堡菜單並選擇修改,然後單擊單個組件,然後在SDK,庫和框架中添加TypeScript。

一旦安裝,你可以添加一個tsconfig.json文件告訴編譯器打字稿如何做人,這裏舉例:

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

重要的設置是compileOnSave告訴VS編譯js文件當您保存TS。

您現在應該看到你有你的打字稿文件中嵌套的JavaScript文件:

Nested TypeScript

現在你只需要並排打開兩個文件一邊,當你保存TS然後JS會自動更新(如果VS提示您將更改的文件加載到磁盤上,它有助於打勾始終更新選項)。

+0

我有Visual Studio 2017.2(26430.15),但是我的TypeScript版本仍然是2.2.2.0。任何人都知道他們是否停止將新的TypeScript版本與Visual Studio更新一起發送? –

+1

@ Hermann.Gruber我也被困在2.2.2.0。我報告了這個問題https://github.com/Microsoft/TypeScript/issues/17619 –

+0

@Eric D. Johnson:感謝分享鏈接!然而,我的意思是,他們是否停止*將新的TypeScript版本與Visual Studio更新捆綁在一起。很明顯,情況就是這樣:-(請參閱我在上述評論後幾天報告的問題:https://developercommunity.visualstudio.com/content/problem/83772/no-more-typescript-updates.html –

1

我身邊有一個工作,這是一些工作,但與奇場合幫助時,我想檢查輸出。

我運行vs2017我已經安裝了網絡要領和網絡編譯器,但它仍然沒有出現,支持TS爲15.4,我不能讓tsconfig.json工作。

簡要介紹您的項目中隱藏文件,並選擇相應的js文件,然後將標籤拖動到右邊讓你有一個分屏enter image description here

當您更改並保存TS文件,你可能會得到一個彈出窗口說「文件已經改變」或類似的東西,有一個複選框,你可以在那裏選擇「自動恢復,如果沒有檢測到變化」(我可能會解釋,我試圖找到選項,所以我可以重置它得到一個截圖,但我找不到它!),檢查,然後選擇「是所有」,這刷新了js文件。下次你改變你的ts文件時,js文件將會更新。

我知道這不是很好,但是我發現它非常有用,因爲我可以得到您在跟蹤課程時看到的內容的類比,並且它們一直顯示JavaScript的預覽。

0

在Visual Studio 2017中,您需要在安裝過程中安裝「Node.js開發」工作負載,或者在「新建項目」對話框中修改現有安裝,方法是單擊「找不到您要找的內容? Studio Installer「鏈接。

然後File> New> Project ...將在Installed類別下包含Javascript和Typescript項目模板。