快訊!我的新書今天開始可以在天瓏網路書店預購啦!歡迎大家前往訂購!

 >>>> AI 職場超神助手:ChatGPT 與生成式 AI 一鍵搞定工作難題 <<<<

[技術支援-2] 讓IDE支援Angular Language Service

語法自動補完

自動完成可以通過在輸入時提供可能要填入的值讓我們選擇,以加速開發的速度,如下圖:

錯誤檢查

可以檢查像是模版變數是否在元件內有對應的變數供綁定

跳轉到模版變數或方法所指向的程式碼位置

單擊並按下F12進入相對應的變數位置

可使用Angular Language Service的IDE

Visual Studio Code

1. 直接在VSCode的擴充功能裡下載Angular language service

2. 自行使用VSIX安裝
打開VSCode,先安裝.VSIX

下載附加元件:直接按此下載 /
原始專案位置:vscode-ng-language-service
下載之後,按下command+shift+P來打開指令列,並輸入
install from VSIX

然後選擇剛剛所下載的檔案,Reload。

接著你的VSCode就可以支援Angular Language Service了!

WebStorm

package.json加上
devDependencies {
“@angular/language-service”: “^4.0.0”
}
然後執行
npm install

Sublime Text

在專案下執行下面兩個指令:
npm install –save-dev typescript
npm install –save-dev @angular/language-service

參考資料


17年資歷女工程師,專精於動畫、影像辨識以及即時串流程式開發。經常組織活動,邀請優秀的女性分享她們的技術專長,並在眾多場合分享自己的技術知識,也活躍於非營利組織,辦理活動來支持特殊兒及其家庭。期待用技術改變世界。

如果你認同我或想支持我的努力,歡迎請我喝一杯咖啡!讓我更有動力分享知識!