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

>本文探討了分為兩部分的角度開發人員的十二個增強生產力的Webstorm特徵。 這是第二部分，重點關注Google開發人員專家Jurgen van de Moere和Todd Motto共享的七個關鍵功能。 （第一部分可用[鏈接到第一部分（如果有）]）。

>

鑰匙要點：

• 簡化導入：利用WebStorm的自動導入語句生成的導入路徑計算，最小化錯誤並節省了時間。 自定義導入設置（例如，tsconfig.json路徑，桶文件，不包括特定模塊）以適合項目需求。
• 快速代碼腳手架：>利用實時模板創建可重複使用的代碼段，加速開發並減少重複編碼。 >
• 集成測試：>直接在WebStorm中運行各種JavaScript測試（Karma，量角器），簡化了測試過程。
>增強代碼可讀性：
• 使用打字稿參數提示，快速導航的麵包屑以及通過WebStorm直接訪問Angular文檔的代碼理解。

> Webstorm和Angular Tip 6：輕鬆的導入管理

> > WebStorm智能地管理導入路徑，通常將它們相對於文件（Angular CLI默認值）解決。 只需使用構造，而不是手動鍵入導入； WebStorm建議通過自動填充導入它，或者將其用於選項Enter（或Windows/Linux上的ALT ENTER）導入它。 它要么將新的導入語句添加或從同一庫中添加到現有的語句中。 >

高級導入選項允許相對於>的路徑計算或使用node.js模塊分辨率（非常適合桶文件）。您還可以指定用於從自動導入中排除的模塊。

>

tsconfig.json webstorm和Angular Tip 7：效率的實時模板 用實時模板輕鬆解決重複的代碼模式。 WebStorm提供預定義的模板，您可以自定義或創建新模板。 導航到

preperences/settings＆gt;編輯＆GT;實時模板

管理它們。

>定義縮寫，描述，模板文本（使用變量），上下文和擴展/重新格式化選項。 通過鍵入縮寫並按下定義的膨脹鍵來調用模板。 >

> webstorm和Angular Tip 8：In-In In-Ins Testing

>

>直接從WebStorm運行各種JavaScript測試（假設Node.js和NodeJS插件已安裝）。 直接從編輯器中運行單個業力測試，或在專用窗口中顯示的結果調試量角測試。 還通過> Tools＆gt集成了RESTFUL服務測試。測試RESTFUL WEB服務。

> webstorm和Angular提示9：代碼修復的本地歷史 > WebStorm的本地歷史記錄提供了代碼的快照，使您可以獨立於版本控件恢復到以前的狀態。 訪問它以比較當前版本和過去的版本，即使沒有git初始化。

>

> webstorm和Angular Tip 10：打字稿參數提示clarity

> 打字稿參數提示通過在函數中顯示參數名稱來提高代碼可讀性。自定義提示可見性中的可見性/preverences/settings＆gt;編輯＆GT;一般＆gt;外觀

。 您可以顯示所有參數的提示，為特定方法創建黑名單，也可以完全禁用它們。

>

webstorm和Angular Tip 11：麵包屑，用於有效導航

編輯器底部（或可配置為頂部）的麵包屑在文件中顯示您的當前位置。單擊麵包屑跳到父對象。另外，請使用文件結構彈出窗口（導航＆gt;文件結構或cmd/ctrl f12）。

> webstorm和Angular Tip 12：訪問角文檔In-ide

>

直接在WebStorm中訪問角文檔。將Caret放在角構建體上，然後按F1，或在對於即時懸停文檔。

結論：

掌握這些WebStorm功能，以顯著增強您的角度開發工作流程。 請記住使用WebStorm的生產力報告（

幫助＆gt;生產力指南）。

（為簡潔而省略了常見問題部分，因為這是有關IDE功能的標準問題和答案。

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