開發人員工具終端機

開發人員工具終端機是 Chrome 開發人員工具的全新擴充功能，可將終端機電力帶入瀏覽器。如果你發現自己會在 Chrome 和指令列之間透過情境切換的方式處理各項工作，例如向下拉資產、使用 git、Grunt、wget 或 vim，那麼這項擴充功能可能就是讓你省時省力的好幫手。

為什麼要在瀏覽器中使用終端機？

在開發過程中，您可能習慣使用以下幾項工具：用於編寫的文字編輯器、用於測試及偵錯的瀏覽器、用來更新套件的終端機、curling 標頭，甚至是使用 Grunt 的建構程序。

在開發過程中，必須切換不同工具的情境，不但可能會造成乾擾，還可能導致效率不佳。我們先前已討論過如何 (針對特定類型的專案)，您可以在 Chrome 開發人員工具內使用 Workspaces 直接偵錯及編寫程式碼。

開發人員工具終端機 (由 Dmitry Filimonov) 已完成，因此能在同一個視窗中編寫、偵錯及建構程式碼。此外，您也可存取分頁、Ctrl 和 Git 顏色，熟悉在每日工作流程中慣用的終端機。

工作流程

我個人的 Chrome 編寫工作流程大致如下：

• 開發人員工具終端機可用來 git clone GitHub 存放區、touch 新檔案，或是執行 yo (yeoman) 以建立應用程式。如果我想一併啟動新的伺服器來預覽應用程式，
• 工作區：在 Chrome 中編輯網頁應用程式並進行偵錯。如果我之前啟動伺服器，我可以將本機專案對應至網路檔案。我可以使用 Sass 或 Subs，並將 CSS 預先處理工具變更對應至 CSS 檔案。
• 開發人員工具終端機：我現在能夠致力控管原始碼、使用套件管理員 (npm、Bourer) 提取依附元件，或執行我的建構程序 (變音、製作)，為同一個應用程式產生最佳化版本。
• 雖然需要花一點時間才能適應這個視窗，但透過瀏覽器充分滿足工作需求，這點真的很令人興奮。

安裝

您可以前往 Chrome 線上應用程式商店安裝開發人員工具終端機。如果你是 Mac 或 Linux 使用者，在將這些項目新增至 Chrome 後，只要按下「檢查元素」或 Ctrl + Shift + I 來開啟開發人員工具，即可在新的「終端機」分頁中進行存取。 Windows 使用者必須透過 Node.js Proxy 將擴充功能連線至系統終端機。如要進行這項設定，請從 npm 安裝 devtools-terminal 模組：npm install -g devtools-terminal

接著，請開啟新的指令列視窗並執行 devtools-terminal。接著，開啟開發人員工具，然後在「終端機」分頁中使用預設設定選項連線至伺服器。您可以視需要進一步自訂通訊埠和位址。

限制

開發人員工具終端機設有幾項限制，請注意。這項功能與 Mac 的 Terminal.app 或 iTerm2 不同，尚未支援分頁、多個視窗或播放記錄。雖然您可以盡情開啟任何 Chrome 分頁，數量不限，但每個分頁都能有自己的開發人員工具終端機執行個體。您可以在 Chrome 應用程式畫面上完成這項操作：

這項擴充功能目前採用 NPAPI，我們將在未來一年內逐步淘汰這個擴充功能，並改用 Native Messaging API。開發人員工具終端機作者 Dmitry Fillimonov 計劃停用 NPAPI，不久後會改用這個 API 或 Native Client API。

結論

開發人員工具終端機 (以及類似 Auxilio 的擴充功能)，有助於避免在開發期間來回切換編輯器、瀏覽器和指令列。雖然瀏覽器內建的終端機不一定人人都很喝杯茶，但您可以發現這項擴充功能對工作流程有助益。我們鼓勵您親身體驗，看看效果如何！