Visual Studio 2015中的AngularJS Intellisense

最近我開始使用Visual Studio 2015社區而不是括號。就像在網站上說的那樣，它對Angular有一些支持，但是，我甚至沒有看到它在任何地方，而不是HTML文件。即使變量「角」，而盤旋其上，打印Visual Studio 2015中的AngularJS Intellisense

angular <type unknown>

我添加了一個圖像來解釋我的意思。

我試圖改變JavaScript的文本編輯引用隱式的（網絡），但是，重啓後，就又回到了隱式（Windows）中。

我使用Web Essentials，我知道它具有創建Intellisense JS和TS文件的功能，但是，此功能始終處於禁用狀態。我打開了我的項目中的每個目錄並檢查了它，此功能始終關閉。

此外，我嘗試手動創建帶有_references.js的腳本目錄，但它的工作原理非常... baaad，我需要將它移動到另一個目錄並將其返回到之前，以使諸如自動同步的選項可用。同樣的事情是關於_references.js

爲了使這種情況更清潔：我創建_references.js manualy。現在它有它的Anto-Sync和Update References選項。 - >重新啓動Visual Studio 2015 - > _references.js不再有這樣的選項。但是，即使在重新啓動之前，如果我更新它，它將跳過根文件夾中除app.js之外的所有內容。

P.S. AngularJS IntelliSense在HTML文件中工作，即我可以放置ng- *屬性。所以......我想，這在VS 2015中不起作用。 P.S.S.我使用NodeJS作爲WebApp的服務器部分。

來源

2016-04-22 ShiiRochi

好吧，我知道你正在尋找一個解決方案，與Instellisense和Visual Studio的工作，不管是什麼。

我也使用Visual Studio，但我搬到TypeScript工作。它實際上是在編寫一種擴展強類型的JavaScript。這意味着你可以聲明你的變量的類型。例如：var x:string = 'test';

有課程的優點和缺點。我喜歡這些優點，這就是我使用它的原因。

你必須編譯你的代碼。理解解析你的Javascript進行錯誤檢查和從*.ts文件到*.js文件的轉換過程。
您可以添加標頭文件。你有沒有開發過C/C++應用程序？那麼，在TypeScript中，你可以添加定義或*.d文件，這些文件實際上只是用於檢查JavaScript函數定義的頭文件。
Visual Studio上的TypeScript使用Intellisense。這就是我們正在談論的！

＃2的優勢非常好。它可以防止你執行錯誤的代碼，如：

setTimeout(myFunc, 'abc');

這不適用於第二個參數應該是一個數字，而不是字符串。但正如我所說的，您必須將定義文件添加到TypeScript解決方案才能正常工作。

如果你喜歡嘗試的是（你會不會後悔），請按照下列步驟操作：

下載併爲Visual Studio安裝打字稿 - 按照鏈接https://www.typescriptlang.org/
創建打字稿謨 - 非常簡單，在安裝Visual Studio的TypeScript之後已經有了一個模板;
添加的角度，使用的NuGet
jQuery的包安裝下面的定義包 - angularjs.TypeScript.DefinitelyTyped - https://www.nuget.org/packages/angularjs.TypeScript.DefinitelyTyped/

我相信這不僅僅是普通的智能感知一個更好的解決方案，因爲它也可以防止你發送錯誤的參數給角度函數。由於JavaScript允許任何類型的變量，當JS中的任何內容中斷時，真的很難做代碼審查。對於TS，這不應該發生。如果你這樣做，編譯將失敗。

來源

2016-04-22 20:32:06 rodrigogq

感謝您的建議，我我會嘗試 – ShiiRochi

謝謝你，它的工作原理，我想使用JS，只有在克服了TS之後，但我想我會比我計劃的更早做到這一點。我會檢查你的答案作爲解決方案。 – ShiiRochi

您是否嘗試過在您想要智能感知的js文件的開始處使用此操作？

/// <reference path="pathToAngular.js" />

https://msdn.microsoft.com/en-us/library/bb385682.aspx

來源

2016-04-22 19:40:57 restrada

我會嘗試，我應該引用VS後引用？ – ShiiRochi

爲了使這個案例更清晰：我創建_references.js manualy。現在它有它的Anto-Sync和Update References選項。 - >重新啓動Visual Studio 2015 - > _references.js沒有這樣的選項了 – ShiiRochi

我沒有使用該功能。但是，如果您只是將參考線置於文件的開始處，「connect.js」基於您的映像，則無需重新啓動即可立即開始工作 – restrada

Visual Studio 2015中的AngularJS Intellisense

回答

相關問題