Angular CLI 基本上已經成為開發 Angular 應用程式的標準配備了，我們會透過 Angular CLI 建立專案、檔案骨架，或是用來執行以及打包應...
你經常覺得時間不夠用嗎？你經常研讀或學習如何管理自己的時間嗎？你經常每天工作超過八個小時嗎？ 在這個世界最公平的是，每個人每天都只有二十四個小時，也正因為如此，...
環境安裝 Angular 開發團隊非常地貼心，為了讓大家能夠更方便地去開發與學習 Schematics ，還特地開發了 Schematics CLI 給大家使用...
三十天系列文至此即將告一個段落，雖然筆者到目前為止並沒有分享非常多的實戰，但 ng generate 、 ng add 、 ng update 這三個面向的 S...
要學打人，先學挨打。 這句話是指剛學武的人在學習怎麼要打人之前，要先學會挨打。知道被打是怎麼一回事之後，自然而然就知道要怎麼打人。當然，這句話其實還有其他方...
Schematics 的起源 相信大家都知道，現代有非常非常多的事情都已經可以被自動化的機器或是工具取代。而這些事情之所以會被取代，基本上都是因為只要有個模組或...
關於 TypeScript Compiler API 相信大家都知道什麼是 TypeScript ，而 TypeScript Compiler API 就是 T...
昨天筆者曾提到： _options 參數是一個物件，這個參數可以使用 JSON Schema 進行驗證，以確保它具有適當的預設值與類型。 但什麼是 JSON...
什麼是測試？ 「想像一下現在你的面前有兩台飛機，一台從零件、製程到組裝都經過完整的測試，而另外一台僅經過飛行的測試，你會想要搭哪一台飛機？」 很多人以為測試...
經過三天樸實無華且枯燥的練習，相信大家一定都迫不及待想要開始學習更進一步的應用了，所以今天筆者就來分享一個比較具有實用性的應用吧！ 建立範本 雖然之前練習的時候...
筆者在 Day13 的時候有跟大家分享過 ng add 的原理與運作方式，而 ng update 雖然也是走同樣的路徑，只不過筆者覺得後者在後續處理上，跟其他的...
相信經過昨天的原理說明之後，大家一定迫不及待地想要趕快實作了！！ 廢話不囉嗦，不管你是要新開一個 Schematics 或是用原本的專案都行，筆者會用原本的專案...
還記得筆者在 Day02 - 要學打人，先學挨打 有提到過關於 ng add 的應用嗎？ 雖然我們都知道 ng add 可以幫我們新增某個 Library 或...
先前我們在練習時，不管是直接使用程式碼還是使用範本，都是很純粹的產生出一個全新的檔案，然後將其擺到正確的地方。這只是學習 Schematics 的第一步，做為一...
今天的練習基本上跟前一篇非常類似，不過就只是將主角從 React 換成了 Vue ，大體上沒有太大的改變。 但是魔鬼藏在細節裡，且為了不是每天文章都會仔細閱讀的...
玩了幾天的 Schematics ，不曉得大家有沒有發現一個問題：為什麼當我們在 Angular 專案裡使用 ng generate 的指令時，Angular...
今天筆者要來分享一個超好用的 VSCode 擴充套件給大家： 這個擴充套件好用在哪裡呢？ 減少因打錯字所浪費的時間。 不用再自己搜尋指令或參數，它會幫你全部...
當已經開發完自己的 Schematics 或是 Package 之後，最讓人期待跟興奮的事情就是將他公開到 npm 上讓大家使用！ 對於這件事情，其實大家不要覺...
練習目標 React 有個套件叫做 reactstrap ，它可以讓開發者在 React 專案裡很方便的去使用 Bootstrap 的元件。 而安裝 react...
隨著自己開發的 Angular 專案越來越多，有時候難免會覺得自己好像一直在做重複的事，因此我們會開始試著將可以重複使用的模組拆成獨立的函式庫，就像是保哥的認識...
昨天筆者提到如何使用 TypeScript Compiler API 來修改檔案，但想必大家多少應該有感覺到，如果要從那一層又一層的資料結構中找到需要用的區塊，...
在測試程式中模擬 Angular 專案環境 當我們開始將 Schematic 與 Angular 專案整合後，就會需要處理越來越多的細節。尤其是在測試時，會更需...
練習目標 今天的練習非常簡單，我們要利用 ng update 來改變 app.component.ts 裡， title 屬性的值。 雖然這個練習非常地陽春、簡...
此篇介紹的大多都是資料介面、資料模型的定義，不過還是有部分是很好用的 API ，依序為： change Host Change NoopChange In...
上次跟大家分享了寫測試的好處與如何撰寫測試之後，大家有自己試著寫寫看嗎？今天要來調整上次所寫的測試程式碼，令它能夠測試我們昨天所撰寫的程式。 先來看一下昨天最終...
此篇介紹的 API 依序為： literals partially-ordered-set priority-queue template...
介紹完引入路徑在 @schematics/angular/utility 底下的 API 之後，接下來要介紹給大家的 API 是引入路徑在 @angular-d...
之前筆者在 Day12 的時候有說過， Angular 其實很貼心地幫我們準備了很多 API ，讓我們在開發 Schematics 的時候可以更輕鬆、簡單。 不...
介紹完如何開發給非 Angular 專案所使用的 Schematics 與如何在非 Angular 專案中使用 Schematics 之後，我們再把主軸拉回到...
此篇介紹的 API 依序為： json-utils appendPropertyInAstObject insertPropertyInAstObject...
黃升煌 Mike
Leo
iThome鐵人賽
看影片追技術