iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

高效 Coding 術:Angular Schematics 實戰三十天 系列

從入門到實戰、從客製到發佈,超越所有網路上的相關教學文章,最新、最詳細,可以說是 Angular Schematics 的聖經、學習 Schematics 開發必讀!

快來跟著 Leo 用三十天的時間,讓你 Coding 的效率超幅提昇,向無止盡的加班人生說「再也不見」!!

鐵人鍊成 | 共 32 篇文章 | 87 人訂閱 訂閱系列文 RSS系列文 團隊Turing World
DAY 11

[高效 Coding 術:Angular Schematics 實戰三十天] Day10 - 與 TypeScript Compiler API 的初次接觸

關於 TypeScript Compiler API 相信大家都知道什麼是 TypeScript ,而 TypeScript Compiler API 就是 T...

2019-09-27 ‧ 由 Leo 分享
DAY 12

[高效 Coding 術:Angular Schematics 實戰三十天] Day11 - 用 TypeScript Compiler API 來修改檔案內容

先前我們在練習時,不管是直接使用程式碼還是使用範本,都是很純粹的產生出一個全新的檔案,然後將其擺到正確的地方。這只是學習 Schematics 的第一步,做為一...

2019-09-28 ‧ 由 Leo 分享
DAY 13

[高效 Coding 術:Angular Schematics 實戰三十天] Day12 - Angular Schematics API 之牛刀小試

昨天筆者提到如何使用 TypeScript Compiler API 來修改檔案,但想必大家多少應該有感覺到,如果要從那一層又一層的資料結構中找到需要用的區塊,...

2019-09-29 ‧ 由 Leo 分享
DAY 14

[高效 Coding 術:Angular Schematics 實戰三十天] Day13 - ng add?

還記得筆者在 Day02 - 要學打人,先學挨打 有提到過關於 ng add 的應用嗎? 雖然我們都知道 ng add 可以幫我們新增某個 Library 或...

2019-09-30 ‧ 由 Leo 分享
DAY 15

[高效 Coding 術:Angular Schematics 實戰三十天] Day14 - 實戰 ng add

相信經過昨天的原理說明之後,大家一定迫不及待地想要趕快實作了!! 廢話不囉嗦,不管你是要新開一個 Schematics 或是用原本的專案都行,筆者會用原本的專案...

2019-10-01 ‧ 由 Leo 分享
DAY 16

[高效 Coding 術:Angular Schematics 實戰三十天] Day15 - ng update?

筆者在 Day13 的時候有跟大家分享過 ng add 的原理與運作方式,而 ng update 雖然也是走同樣的路徑,只不過筆者覺得後者在後續處理上,跟其他的...

2019-10-02 ‧ 由 Leo 分享
DAY 17

[高效 Coding 術:Angular Schematics 實戰三十天] Day16 - 實戰 ng update

練習目標 今天的練習非常簡單,我們要利用 ng update 來改變 app.component.ts 裡, title 屬性的值。 雖然這個練習非常地陽春、簡...

2019-10-03 ‧ 由 Leo 分享
DAY 18

[高效 Coding 術:Angular Schematics 實戰三十天] Day17 - 打包與發佈

當已經開發完自己的 Schematics 或是 Package 之後,最讓人期待跟興奮的事情就是將他公開到 npm 上讓大家使用! 對於這件事情,其實大家不要覺...

2019-10-04 ‧ 由 Leo 分享
DAY 19

[高效 Coding 術:Angular Schematics 實戰三十天] Day18 - 將 Schematics 整合進你的 Angular 專案裡

隨著自己開發的 Angular 專案越來越多,有時候難免會覺得自己好像一直在做重複的事,因此我們會開始試著將可以重複使用的模組拆成獨立的函式庫,就像是保哥的認識...

2019-10-05 ‧ 由 Leo 分享
DAY 20

[高效 Coding 術:Angular Schematics 實戰三十天] Day19 - 超好用工具分享之 VSCode 的 Angular Schematics 擴充套件介紹與應用

今天筆者要來分享一個超好用的 VSCode 擴充套件給大家: 這個擴充套件好用在哪裡呢? 減少因打錯字所浪費的時間。 不用再自己搜尋指令或參數,它會幫你全部...

2019-10-06 ‧ 由 Leo 分享