在CodeMix中構(gòu)建管道和驗(yàn)證

CodeMix利用通過(guò)CodeMix增強(qiáng)任務(wù)定義的構(gòu)建管道來(lái)生成項(xiàng)目的單一權(quán)威構(gòu)建。 使用構(gòu)建管道，用戶可以使用外部工具進(jìn)行構(gòu)建和驗(yàn)證，并直接在編輯器中查看結(jié)果。 通過(guò)使用通常用于構(gòu)建應(yīng)用程序以進(jìn)行部署的相同工具，您可以確保在IDE中具有一致的開(kāi)發(fā)體驗(yàn)。

CodeMix通過(guò)自動(dòng)為Angular和TypeScript項(xiàng)目創(chuàng)建模板tasks.json文件來(lái)簡(jiǎn)化構(gòu)建管道。 對(duì)于其他類型的項(xiàng)目，可以手動(dòng)修改tasks.json文件以包含構(gòu)建管道支持。

CodeMix插件與基于Eclipse的IDE和工具（如MyEclipse、Spring Tools Suite和JBoss Tools）兼容，因此用戶可以繼續(xù)在習(xí)慣的環(huán)境中工作。

驗(yàn)證

CodeMix支持兩種驗(yàn)證模式：編輯器內(nèi)驗(yàn)證和項(xiàng)目驗(yàn)證。

編輯器內(nèi)驗(yàn)證

編輯器內(nèi)驗(yàn)證對(duì)CodeMix編輯器中打開(kāi)的所有文件都有效。 此驗(yàn)證由VS Code或已安裝的代碼擴(kuò)展提供的驗(yàn)證邏輯支持。 驗(yàn)證通常是即時(shí)的，當(dāng)您鍵入時(shí)，錯(cuò)誤在編輯器中出現(xiàn)或消失，而無(wú)需保存文件。 在許多情況下，打開(kāi)的依賴文件也會(huì)立即得到驗(yàn)證。

項(xiàng)目驗(yàn)證

項(xiàng)目驗(yàn)證會(huì)更新文件中的錯(cuò)誤和警告標(biāo)記。 這些標(biāo)記顯示在資源管理器視圖中，以及“項(xiàng)目”和“標(biāo)記”視圖中。 項(xiàng)目驗(yàn)證會(huì)影響項(xiàng)目中未在編輯器中打開(kāi)的文件。 對(duì)于在編輯器中打開(kāi)的文件，編輯器內(nèi)驗(yàn)證仍然有效。

默認(rèn)情況下啟用項(xiàng)目驗(yàn)證，但可以在項(xiàng)目的“屬性”>“CodeMix”>“驗(yàn)證和構(gòu)建”頁(yè)面上更改此設(shè)置。

有多種模式可以啟用項(xiàng)目級(jí)驗(yàn)證。根據(jù)用戶需求選擇最佳模式：

• 單擊Build圖標(biāo)開(kāi)始觀看（推薦）

單擊編輯器底部的構(gòu)建圖標(biāo)以開(kāi)始監(jiān)視項(xiàng)目 - 構(gòu)建圖標(biāo)將更改為監(jiān)視圖標(biāo)，以指示項(xiàng)目當(dāng)前正在被監(jiān)視。單擊監(jiān)視圖標(biāo)以停止觀察項(xiàng)目。在此模式下，保存正在編輯的源文件時(shí)會(huì)自動(dòng)觸發(fā)驗(yàn)證。這是默認(rèn)選項(xiàng)，是正在進(jìn)行開(kāi)發(fā)的最佳選項(xiàng)。

• 始終在此IDE運(yùn)行時(shí)注意更改

此模式類似于上述模式，但無(wú)需單擊構(gòu)建圖標(biāo)即可開(kāi)始觀看 - 只要IDE正在運(yùn)行，項(xiàng)目就會(huì)被監(jiān)視。編輯器中的監(jiān)視圖標(biāo)表示當(dāng)前監(jiān)視狀態(tài)。要停止觀察項(xiàng)目，請(qǐng)更改“驗(yàn)證和構(gòu)建屬性”頁(yè)面上的設(shè)置。此模式非常適合持續(xù)開(kāi)發(fā)的項(xiàng)目，包括從IDE外部接收更改的項(xiàng)目。為多個(gè)項(xiàng)目選擇此選項(xiàng)時(shí)要小心，因?yàn)槊總€(gè)監(jiān)視項(xiàng)目消耗的內(nèi)存越多。

• 單擊“生成”圖標(biāo)以啟動(dòng)一次性生成

在此模式下，CodeMix不會(huì)監(jiān)視項(xiàng)目對(duì)文件所做的更改。對(duì)于完整的項(xiàng)目構(gòu)建，請(qǐng)單擊編輯器內(nèi)構(gòu)建圖標(biāo)。除非再次顯式啟動(dòng)構(gòu)建，否則構(gòu)建后所做的更改不會(huì)更新標(biāo)記狀態(tài)。此模式最大限度地減少了IDE使用的資源，非常適合僅定期開(kāi)發(fā)或幾乎沒(méi)有現(xiàn)代Web更改的項(xiàng)目。

• 禁用構(gòu)建圖標(biāo);使用CodeMix觸發(fā)Project> Build Now

此模式與上述模式相同，但編輯器中未顯示任何圖標(biāo)。要啟動(dòng)構(gòu)建，請(qǐng)選擇Project> Build Now with CodeMix。

有關(guān)顯示在編輯器右下角的圖標(biāo)的說(shuō)明，請(qǐng)參閱編輯器圖標(biāo)表。

任務(wù)和構(gòu)建管道

CodeMix利用通過(guò)CodeMix增強(qiáng)任務(wù)定義的構(gòu)建管道來(lái)生成項(xiàng)目的單一權(quán)威構(gòu)建。 使用構(gòu)建管道，可以使用外部工具進(jìn)行構(gòu)建和驗(yàn)證，并直接在編輯器中查看結(jié)果。 通過(guò)使用通常用于構(gòu)建應(yīng)用程序以進(jìn)行部署的相同工具，可以確保在IDE中具有一致的開(kāi)發(fā)體驗(yàn)。

為Angular和TypeScript項(xiàng)目構(gòu)建管道

對(duì)于Angular和TypeScript項(xiàng)目，CodeMix通過(guò)在創(chuàng)建新項(xiàng)目，導(dǎo)入現(xiàn)有項(xiàng)目或從早期版本的Webclipse或Angular IDE升級(jí)時(shí)自動(dòng)創(chuàng)建模板tasks.json文件來(lái)簡(jiǎn)化構(gòu)建管道。 如果需要?jiǎng)?chuàng)建tasks.json文件，請(qǐng)使用CodeMix編輯器打開(kāi)項(xiàng)目中的任何文件，單擊構(gòu)建圖標(biāo)上的下拉箭頭，然后選擇Add tasks.json for Angular CLI / TypeScript。

高級(jí)提示：tasks.json文件位于<project_root> / .vscode。如果項(xiàng)目在使用CodeMix 2.0訪問(wèn)之前已經(jīng)有了tasks.json文件，CodeMix將不會(huì)自動(dòng)添加構(gòu)建管道集成。可以手動(dòng)添加集成，或刪除tasks.json文件，并讓CodeMix重新創(chuàng)建它，如上所述。

為其他項(xiàng)目構(gòu)建管道

目前，CodeMix沒(méi)有為其他類型的項(xiàng)目自動(dòng)構(gòu)建管道集成，但可以手動(dòng)修改tasks.json文件以使用構(gòu)建管道支持。

啟用構(gòu)建管道

如果tasks.json文件中的任務(wù)配置為使用CodeMix構(gòu)建管道，則在項(xiàng)目的CodeMix> Validation and Build屬性頁(yè)面上將有一個(gè)Use tasks.json復(fù)選框。選中此復(fù)選框以確保外部任務(wù)用于構(gòu)建和項(xiàng)目驗(yàn)證。

如果清除該復(fù)選框，如果沒(méi)有擴(kuò)充的tasks.json，或者如果沒(méi)有tasks.json文件，CodeMix將使用內(nèi)部可用的工具驗(yàn)證項(xiàng)目。

建立和驗(yàn)證

CodeMix有許多不同的驗(yàn)證模式。啟用外部構(gòu)建任務(wù)時(shí)，這些模式的工作方式完全相同，但執(zhí)行tasks.json中的外部任務(wù)而不是使用內(nèi)部驗(yàn)證邏輯。

根據(jù)驗(yàn)證首選項(xiàng)，IDE會(huì)自動(dòng)執(zhí)行構(gòu)建任務(wù)或監(jiān)視任務(wù)，并使用配置為任務(wù)定義一部分的問(wèn)題匹配器來(lái)解析輸出。輸出中報(bào)告的問(wèn)題在IDE中標(biāo)記，與右側(cè)行號(hào)中的相應(yīng)文件相對(duì)應(yīng) - 不再需要詳細(xì)掃描輸出并手動(dòng)匹配報(bào)告的工作區(qū)資源錯(cuò)誤。

編輯圖標(biāo)

如果啟用了項(xiàng)目驗(yàn)證，則編輯器窗口右下角將顯示以下圖標(biāo)。

增加構(gòu)建管道集成的任務(wù)

tasks.json的示例：

觀察codemix節(jié)點(diǎn)下的屬性：

• 生命周期屬性可以具有以下三個(gè)值之一：構(gòu)建，監(jiān)視，以及用于Angular項(xiàng)目的服務(wù)。 此屬性的值確定是在IDE中的監(jiān)視，一次性構(gòu)建還是服務(wù)請(qǐng)求期間運(yùn)行任務(wù)。

• validatedExtensions是一個(gè)擴(kuò)展列表，用于指定在保存時(shí)觸發(fā)構(gòu)建/監(jiān)視的文件類型，以及從外部任務(wù)標(biāo)識(shí)的問(wèn)題中添加哪些標(biāo)記。

• readyChecks確保在啟動(dòng)任何監(jiān)視或構(gòu)建任務(wù)之前滿足指定的條件。

生命周期屬性確定CodeMix如何將任務(wù)與構(gòu)建管道集成。 即使沒(méi)有生命周期屬性，還有其他智能可以自動(dòng)將某些TypeScript或shell任務(wù)集成到構(gòu)建管道中，但為了清晰起見(jiàn)，我們建議添加此值。

有關(guān)更多詳細(xì)信息，請(qǐng)參閱 .