Schematics

標籤 (共 7 篇文章)

[Schematics 實戰] 在本機專案測試 Schematics 執行結果

之前的幾篇文章中,我們已經學會如何使用 Angular Schematics 來改變整個目錄的結構,並使用 Schematics CLI 在專案下測試,但 Schematics 真正的目標是在別的專案內也可以使用,所以我們就來看看如何在本機的其他專案測試 Schematics 的結果吧!

繼續閱讀
[Schematics 實戰] 使用 Schematics 幫我們安裝指定套件

在開發專案時,通常不會全部都靠自己處理,有些功能會使用現成的套件,以免重複打造輪子的問題;若我們使用 Schematics 建立的程式有相依某些套件,則必須多一個安裝的步驟,手動確認處理的話實在是太辛苦了!其實,我們也可以透過 Schematics 來幫我們進行安裝套件的動作。今天我們來看看如何透過 Schematics 安裝指定的第三方套件到專案內!

繼續閱讀
[Schematics 實戰] 從範本快速產生檔案

在學會撰寫第一個 Schematics 後,我們已經了解該如何使用 tree 來產生檔案,但有時候難免會遇到一些狀況,需要一次產生較多有關連的檔案,例如 Angular 的 component,預設就會產生 4 個相關連的檔案,雖然我們也能將這些檔案逐一用 tree 產生,但若能有個預設的範本,產生時只要置換裡面的一些變數就好,維護起來將會更加容易!今天就來看看如何在 Schematics 內使用某個來源範本產生檔案吧!

繼續閱讀
[Schematics 實戰] 在 schema.json 內設定指令參數

之前我們撰寫了第一個 Schematics,也簡單介紹了好用的工具,接著我們開始來學習一些更進階的 Schematics 撰寫與應用,今天我們來看看如何讓 Schematics 接收參數,讓寫出來的工具更有彈性!

繼續閱讀
[Schematics 實戰] 好用 VSCode 套件介紹 - Schematics Snippets

今天來介紹一個自己開發來幫助增加 Schematics 開發生產力的 Visual Studio Code 套件 - Schematics Snippets

繼續閱讀
[Schematics 實戰] 撰寫第一個 Schematics

上篇文章我們介紹了Schematics 的基礎今天我們來快速學學如何撰寫第一個 Schematics。

繼續閱讀
[Schematics 實戰] 基本介紹

Schematics 是 Angular CLI 用來產生程式碼骨架的基礎,在接下來的幾篇文章中,我會分享如何使用 Schematics 來幫助專案或團隊產生一些必要的重複程式碼,以及一些個人在使用上的經驗及技巧。

今天就先來簡單介紹一下到底什麼是 Schematics 與基本的觀念吧!

繼續閱讀