如何在Visual Studio代碼中為Angular.Js和Javascript設置intellisense

Question

我試圖在Visual Studio代碼中使用Angular.js. 但它不起作用。 在visual studio 2013中，我能夠獲得IntelliSense，但不能使用Visual Studio Code。

Answer 1

這里提供的答案不再有效，因為tsd已被棄用。 要安裝角度或任何其他Typescript Definition ，請按照以下步驟操作。 如果您已有package.json文件和jsconfig.json文件：

1. 首先，我們要在全球范圍內npm install typings --global ： npm install typings --global ;
2. 然后，在目錄的根級別運行： typings install dt~angular --global --save 。

您現在應該能夠在項目中使用IntelliSense。

專家提示！ 在運行第二個命令之前，在你的.gitignore文件中包含typings/ ，以防止git觀察對新生成的文件夾的更改。 你也可以為typings.json做到這typings.json ，但我不推薦它。 由你決定。

我從github存儲庫readme 文件和Laurent Duveau的這篇文章中獲取了信息。

希望能幫助到你。

Answer 2

在Visual Studio Code中 ，只需安裝以下npm包，即可獲得JavaScript文件的intellisense。

npm install --save-dev @types/angular

Answer 3

答案如下： https ： //blogs.msdn.microsoft.com/vscode/2015/05/21/getting-started-with-angular-and-visual-studio-code/

看一下“Angular模塊和服務的智能感知”部分。 但要小心，因為命令行中存在一些拼寫錯誤。

基本上這就是你要做的事情：

1.在您的計算機上安裝Node和npm（ https://nodejs.org/en/ ）

---

2.使用NPM安裝TSD包

打開終端或命令行界面並鍵入：

    npm install -g tsd

---

3.在項目中安裝角度TypeScript文件。

轉到Visual Studio代碼項目的根目錄，啟動tsd並添加角度TypeScript文件：

cd /my/angular/project
tsd init
tsd query angular --action install --save

這應該添加一個“tsd.json”文件和一個“typings”文件夾，其中包含“angularjs”文件夾和“tsd.d.ts”文件。

---

4.添加TypeScript文件引用

打開包含AngularJS代碼的javascript文件，並在一開始就添加對TypeScript文件的引用，因此您的文件應如下所示：

/// <reference path="path/to/typings/tsd.d.ts" />

var app = angular.module('myApp', []);
// ...

（確保該行是三重的 ，並且'path'屬性對應於“tsd.d.ts”文件）

---

5.保存並重新啟動VSCode

自動完成應該在您的js文件中正常工作。

注意：如果您使用包含AngularJS代碼的多個文件，則應在所有文件的開頭添加參考行，但如果您已經這樣做，則不需要再次重新啟動VSCode。

對於遲到的回答感到抱歉，我希望它很清楚，它仍然會有所幫助！

Answer 4

這對我在Linux Ubuntu 16.04 x64上有用

npm init

sudo npm install -g typings

sudo ln -s /usr/bin/nodejs /usr/bin/node

typings install dt~angular --save --global

touch jsconfig.json

Answer 5

這里我使用的是節點v6.10.2。 典型版2.1.1

啟用智能的步驟。

全球安裝類型： -

npm install -g typings

檢查是否全局安裝了tpyings

npm list -g

一旦打字安裝寫： -

typings install dt~angular --save

它將在您的項目中添加一些文件以使角度全局化。

然后安裝角度像： -

npm install angular --save

完成這些步驟后， 請檢查：

 var app=angular.module('sample',[]);

    app.

一旦你輸入應用程序。 你將獲得應用程序的所有成員。

Answer 6

jsconfig.json

{
    "typeAcquisition": {
        "include": [
            "angular"
        ]
    }
}