Webstorm和Angular的前12個生產力技巧：第1部分

Webstorm＆Angular：前5個生產力提示（第1部分）

>

由Jetbrains贊助的這個兩部分系列

探索了Webstorm內角發育的生產力提高。 Google開發人員專家Jurgen van de Moere和Todd Motto分享了他們的見解。 第一部分來自尤爾根

鑰匙要點：

>利用WebStorm的集成角CLI來簡化項目創建和功能添加，繞過命令行。
• >主有效導航：使用CMD單擊/CMD B進行定義跳躍，並進行“搜索無處不在”對話框。
利用角語語言服務的力量來完成卓越的代碼完成，錯誤檢測和模板協助。
>使用WebStorm的內置工具，遵守項目設置的一致樣式的自動代碼格式。
• >輕鬆地優化導入，以消除未使用的導入，合併相關的導入並保持最佳捆綁尺寸。
• 1。 擁抱集成的角cli

> file＆gt;創建新項目新＆gt;項目＆GT; Angular Cli，指定項目位置。 添加功能（組件，服務，指令）同樣簡單：右鍵單擊（或相關模塊），然後選擇。 WebStorm智能處理模塊集成。

src/app 2。 pro-level導航

>使用cmd-click（或cmd b）有效地導航代碼庫，直接跳到定義。 這適用於組件，指令，樣式表，模板，類等。 對於沒有直接引用的文件，雙換檔激活“搜索到處”，啟用了具有部分搜索詞的快速文件位置。 CMD E提供了快速訪問最近編輯的文件。

3。 解鎖Angular語言服務WebStorm對Angular的內置支持非常出色，自動導入JavaScript模塊並提供實時的打字條反饋。 通過安裝Angular語言服務（

），進一步增強了這一點。 在npm install @angular/language-service --save-devpreverences＆gt;中啟用它語言和框架＆gt;打字稿＆gt;使用打字稿服務＆gt;配置…＆gt;使用Angular Service。 這大大改善了模板中的代碼完成，並提供了更精確的錯誤報告。 >

4。 輕鬆的代碼格式

>使用CMD選項B（或等效快捷方式）保持一致的代碼樣式。 WebStorm會在所有文件類型（模板，腳本，樣式表，JSON）上自動格式化代碼。 如果存在

文件，則WebStorm將提供應用其樣式設置。 自定義格式偏好在tslint.json。

5。 通過優化導入的流線導入

>通過優化導入來保持捆綁尺寸的精益。 Ctrl Alt O（或CMD Shift A＆gt;“優化導入”）會自動合併從同一模塊中導入，刪除未使用的導入，並重新格式化導入語句。 >

結論：

掌握這些WebStorm的特徵可顯著提高角發育生產力。 請繼續關注Todd Motto的專家技巧的第2部分！ （原始文章中包括有關Webstorm和Angular Development的常見問題解答，但此處省略了）。

以上是Webstorm和Angular的前12個生產力技巧：第1部分的詳細內容。更多資訊請關注PHP中文網其他相關文章！