2016-05-05 68 views
1

我嘗試設置一個角度爲1.5.5的新項目,我想使用打字稿來處理我的代碼。我使用Visual Studio Code作爲我的編碼工具。
我增加了對角的分型到我的項目:VSCode Angular&typings:沒有intellisense

typings install angular --save --ambient 

我加了一個typings.d.ts文件和tsconfig.json文件,但我沒有任何智能感知的.ts文件我已經中添加...

不知道我做錯了什麼?有人能幫我嗎? 我嘗試設置小項目來重現問題:download link

偉大的thx提前!
亞歷山大。

回答

-1

你的文件結構是錯誤的:

  1. tsconfig.json應該是你的根目錄下的應用程序,即AngularApp
  2. 通常,typings.d.ts也在那裏。

移動這兩個文件後,請記住要更改它們中的路徑。 Ts文件必須包含在內。

//tsconfig.json 
{ 
//... 
    "files":[ 
    "typings.d.ts", 
    "public/app/app.ts" 
    ] 
} 

//typings.d.ts 
/// <reference path="typings/browser.d.ts" /> 

If you want to download.

0

獲得智能感知的一種方法是將///<reference path="../typings.d.ts" />添加到打字稿文件的頂部。在添加定義時,請確保將它們添加到typings.d.ts文件中。

1

我猜你一定見過一個錯誤執行時:

typings install angular --save --ambient 

首先,您必須安裝新的TypeScript Definition Manager

npm install typings --global 

,那麼你必須在你的項目文件夾中使用這個命令:

typings install dt~angular --global --save 

如在中所解釋的。

這個命令應該創建一個文件typings.json應該是這個樣子:

{ 
    "globalDependencies": { 
    "angular": "registry:dt/angular#1.5.0+20160517064839" 
    } 
} 

如果你想知道的是dt前綴是什麼,你可以運行:

typings search --name angular 

,你會看到dt代表來源:

enter image description here

我認爲您必須重新啓動VS代碼才能看到效果並具有智能感知功能。

1

我自己遇到了一些問題,這裏是我爲了使它工作而採取的步驟。

  • 打開終端,運行...
  • npm install typings -g
  • cd ~/root of your project
  • 我只好跑typings install dt~angular --save --global
  • 我在本地安裝typings install dt~angular --save

請注意,在該分型文件夾時出錯你的項目的根源。如果您無法看到類型重新啓動VS代碼或cmd+shift+p並鍵入重新加載並選擇Reload Window

在根中還有一個typings.json文件,其中包含以下對象。

{ 
    "dependencies": { 
    "angular": "registry:dt/angular#1.6.0+20170223151516" 
    } 
} 

在項目的根目錄中創建一個空的jsconfig.json

創建jsconfig.json文件,我再次Reload Window後。我打開app.js文件並獲得了angularjs的intellisense。

enter image description here

相關問題