什么是Visual Studio TypeScript虛擬項目？ 如果我在外部編譯，我怎么能把它弄出來呢？

Question

這個問題的第一部分是最重要的。 圍繞Visual Studio和TypeScript以及“TypeScript虛擬項目”存在很多堆棧問題，但我沒有發現任何解釋TypeScript虛擬項目是什么，它們為我做什么以及當它們“在路上”時該怎么做。 我從未在Microsoft上找到任何關於此的官方文檔，因此如果該團隊或團隊中的某個人能夠做出回應，那將會非常棒。 “TypeScript虛擬項目”仍然存在於VS 2017中，我看到的問題與VS 2015相同。

問題的第二部分......我正在嘗試將Visual Studio 2015與Angular 2和TypeScript應用程序一起使用，但我使用Webpack作為外部TS編譯器和構建。 在大多數情況下它可以工作，但是不時的TypeScript虛擬項目在輸出窗口和代碼中都會出現錯誤，即使我可以成功編譯。 他們中的大多數都無法找到@ angular / core進口等。令人困惑的是，TS虛擬項目有時也會遇到真正的錯誤。 那么我需要用於智能感知和編譯檢查的虛擬項目嗎？

我目前的狀態是我正在進行2次編譯以試圖讓TypeScript Virtual Project保持高興，甚至認為有時候它仍然會抱怨。 第一個構建是使用tsc作為VS構建的一部分，但后來我使用SourceMaps進行正常的Webpack構建以進行調試。 這似乎有90％的時間可以正常工作，但是當TS虛擬項目阻礙其他10％的時候是非常令人沮喪的，因為它們仍然在Visual Studio 2017中，所以知道發生了什么是很重要的。

最終目標是能夠使用Visual Studio作為我的編輯器和調試器（具有所有它的強大功能），具有智能感知和編譯檢查，但是使用外部TypeScript構建（如Webpack）來構建/捆綁等。

謝謝。

Answer 1

添加到tsconfig.json下一個選項幫助我：

"compilerOptions": {
   "watch": true,
    ...

別忘了添加

<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>

到任何<PropertyGroup>您的項目文件。