CodeMix使用教程 構建管道和驗證

2021-09-02 00:15:04 字數 3136 閱讀 1245

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

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

codemix外掛程式與基於eclipse的ide和工具(如myeclipse、spring tools suite和jboss tools)相容,因此使用者可以繼續在習慣的環境中工作。

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

編輯器內驗證

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

專案驗證

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

預設情況下啟用專案驗證,但可以在專案的「屬性」>「codemix」>「驗證和構建」頁面上更改此設定。

有多種模式可以啟用專案級驗證。根據使用者需求選擇最佳模式:

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

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

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

此模式與上述模式相同,但編輯器中未顯示任何圖示。要啟動構建,請選擇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檔案位於/ .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節點下的屬性:

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

有關更多詳細資訊,請參閱 tasks in codemix with tasks.json.

CodeMix安裝教程

eclipse marketplace客戶端 mpc 是乙個客戶端介面,用於瀏覽和安裝eclipse marketplace門戶上列出的基於eclipse的解決方案。這是一項新功能,允許eclipse使用者直接在eclipse安裝中發現和安裝eclipse解決方案。eclipse marketpla...

構建 fis3 使用教程(02)

前提回顧 前面一節 原創 fis3構建工具使用教程 01 中我們初步介紹了怎麼使用fis3進行構建,例如資源定位 雪碧圖 壓縮資源檔案等功能的使用,希望你還記得如何使用它們。如果你忘記了,可以回到該篇文章中鞏固一下,畢竟希望你能連續的看完這幾篇fis3教程。t t ok,在本篇中我們將介紹如何調式和...

前端構建工具gulp的使用教程集合

基礎教程 常用外掛程式 系列教程 細節注意 revcollector 路徑替換 詳細介紹 revcollector 路徑替換 預設只首次替換成功 gulp.spritesmith 精靈圖 gulp file include 模板復用功能 npm 映象 以下是我常用的外掛程式package.json ...