語法自動補完
自動完成可以通過在輸入時提供可能要填入的值讓我們選擇,以加速開發的速度,如下圖:
錯誤檢查
可以檢查像是模版變數是否在元件內有對應的變數供綁定
跳轉到模版變數或方法所指向的程式碼位置
單擊並按下F12進入相對應的變數位置
可使用Angular Language Service的IDE
Visual Studio Code
1. 直接在VSCode的擴充功能裡下載Angular language service
2. 自行使用VSIX安裝
打開VSCode,先安裝.VSIX
下載附加元件:直接按此下載 /
原始專案位置:vscode-ng-language-service
下載之後,按下command+shift+P來打開指令列,並輸入
1 |
install from VSIX |
然後選擇剛剛所下載的檔案,Reload。
接著你的VSCode就可以支援Angular Language Service了!
WebStorm
在package.json
加上
1 2 3 |
devDependencies { "@angular/language-service": "^4.0.0" } |
然後執行
1 |
npm install |
Sublime Text
在專案下執行下面兩個指令:
1 |
npm install --save-dev typescript |
1 |
npm install --save-dev @angular/language-service |