在CodeMix中構建管道和驗證

CodeMix利用通過CodeMix增強任務定義的構建管道來生成專案的單一權威構建。 使用構建管道，您可以使用外部工具進行構建和驗證，並直接在編輯器中檢視結果。 通過使用通常用於構建應用程式以進行部署的相同工具，您可以確保在IDE中具有一致的開發體驗。

CodeMix通過自動為Angular和TypeScript專案建立模板tasks.json檔案來簡化構建管道。 對於其他型別的專案，您可以手動修改tasks.json檔案以包含構建管道支援。

CodeMix外掛與基於Eclipse的IDE和工具（如MyEclipse，Spring Tools Suite和JBoss Tools）相容，因此您可以繼續在您習慣的環境中工作。

驗證

CodeMix支援兩種驗證模式：編輯器內驗證和專案驗證。

編輯器內驗證

編輯器內驗證對CodeMix編輯器中開啟的所有檔案都有效。 此驗證由VS Code或已安裝的程式碼擴充套件提供的驗證邏輯支援。 驗證通常是即時的，當您鍵入時，錯誤在編輯器中出現或消失，而無需儲存檔案。 在許多情況下，開啟的依賴檔案也會立即得到驗證。

專案驗證

專案驗證會更新檔案中的錯誤和警告標記。 這些標記顯示在資源管理器檢視中，以及“專案”和“標記”檢視中。 專案驗證會影響專案中未在編輯器中開啟的檔案。 對於在編輯器中開啟的檔案，編輯器內驗證仍然有效。

預設情況下啟用專案驗證，但可以在專案的“屬性”>“CodeMix”>“驗證和構建”頁面上更改此設定。

有多種模式可以啟用專案級驗證。根據您的需求選擇最佳模式：

• 單擊Build圖示開始觀看（推薦）

單擊編輯器底部的構建圖示以開始監視專案 - 構建圖示將更改為監檢視標，以指示專案當前正在被監視。單擊監檢視標以停止觀察專案。在此模式下，儲存正在編輯的原始檔時會自動觸發驗證。這是預設選項，是正在進行開發的最佳選項。

• 始終在此IDE執行時注意更改

此模式類似於上述模式，但您無需單擊構建圖示即可開始觀看 - 只要IDE正在執行，您的專案就會被監視。編輯器中的監檢視標表示當前監視狀態。要停止觀察專案，請更改“驗證和構建屬性”頁面上的設定。此模式非常適合持續開發的專案，包括從IDE外部接收更改的專案。為多個專案選擇此選項時要小心，因為每個監視專案消耗的記憶體越多。

• 單擊“生成”圖示以啟動一次性生成

在此模式下，CodeMix不會監視專案對檔案所做的更改。對於完整的專案構建，請單擊編輯器內構建圖示。除非您再次顯式啟動構建，否則構建後所做的更改不會更新標記狀態。此模式最大限度地減少了IDE使用的資源，非常適合僅定期開發或幾乎沒有現代Web更改的專案。

• 禁用構建圖示;使用CodeMix觸發Project> Build Now

此模式與上述模式相同，但編輯器中未顯示任何圖示。要啟動構建，請選擇Project> Build Now with CodeMix。

有關顯示在編輯器右下角的圖示的說明，請參閱編輯器圖標表。

任務和構建管道

CodeMix利用通過CodeMix增強任務定義的構建管道來生成專案的單一權威構建。 使用構建管道，您可以使用外部工具進行構建和驗證，並直接在編輯器中檢視結果。 通過使用通常用於構建應用程式以進行部署的相同工具，您可以確保在IDE中具有一致的開發體驗。

為Angular和TypeScript專案構建管道

對於Angular和TypeScript專案，CodeMix通過在建立新專案，匯入現有專案或從早期版本的Webclipse或Angular IDE升級時自動建立模板tasks.json檔案來簡化構建管道。 如果需要建立tasks.json檔案，請使用CodeMix編輯器開啟專案中的任何檔案，單擊構建圖示上的下拉箭頭，然後選擇Add tasks.json for Angular CLI / TypeScript。

高階提示：tasks.json檔案位於<project_root> / .vscode。如果您的專案在使用CodeMix 2.0訪問之前已經有了tasks.json檔案，CodeMix將不會自動新增構建管道整合。您可以手動新增整合，或刪除您的tasks.json檔案，並讓CodeMix重新建立它，如上所述。

為其他專案構建管道

目前，CodeMix沒有為其他型別的專案自動構建管道整合，但您可以手動修改tasks.json檔案以使用構建管道支援。

啟用構建管道

如果tasks.json檔案中的任務配置為使用CodeMix構建管道，則在專案的CodeMix> Validation and Build屬性頁面上將有一個Use tasks.json複選框。選中此複選框以確保您的外部任務用於構建和專案驗證。

如果清除該複選框，如果沒有擴充的tasks.json，或者如果沒有tasks.json檔案，CodeMix將使用內部可用的工具驗證您的專案。

建立和驗證

CodeMix有許多不同的驗證模式。啟用外部構建任務時，這些模式的工作方式完全相同，但執行tasks.json中的外部任務而不是使用內部驗證邏輯。

根據您的驗證首選項，IDE會自動執行構建任務或監視任務，並使用配置為任務定義一部分的問題匹配器來解析輸出。輸出中報告的問題在IDE中標記，與右側行號中的相應檔案相對應 - 您不再需要詳細掃描輸出並手動匹配報告的工作區資源錯誤。

編輯圖示

如果啟用了專案驗證，則編輯器視窗右下角將顯示以下圖示。

增加構建管道整合的任務

tasks.json的示例：

觀察codemix節點下的屬性：

• 生命週期屬性可以具有以下三個值之一：構建，監視，以及用於Angular專案的服務。 此屬性的值確定是在IDE中的監視，一次性構建還是服務請求期間執行任務。

• validatedExtensions是一個擴充套件列表，用於指定在儲存時觸發構建/監視的檔案型別，以及從外部任務標識的問題中新增哪些標記。

• readyChecks確保在啟動任何監視或構建任務之前滿足指定的條件。

生命週期屬性確定CodeMix如何將任務與構建管道整合。 即使沒有生命週期屬性，還有其他智慧可以自動將某些TypeScript或shell任務整合到構建管道中，但為了清晰起見，我們建議新增此值。

有關更多詳細資訊，請參閱 Tasks in CodeMix with tasks.json.