Más contenido relacionado
La actualidad más candente (15)
Similar a 玩轉 Schematics - Modern Web 2018 (20)
玩轉 Schematics - Modern Web 2018
- 25. 開始使用 Schematics
> npm install -g @angular-devkit/schematics-cli
> schematics blank --name=my-schematics
(建立基本 schematics 專案骨架)
- 26. 開始使用 Schematics
> schematics @schematics/schematics:schematic
--name=my-schematics
> schematics schematic --name=my-schematics
(使用 @schematics/schematics 的 schematic 產生程式)
(意義同上)
- 39. 執行 & 測試
> npm run build
> schematics .:my-schematics
執行my-schematics(只會顯示變更資訊,不會真正變更檔案)
> schematics .:my-schematics --dry-run=false
執行my-schematics(會真正變更檔案)
- 40. 執行 & 測試
> npm link ../my-schematics
> schematics my-schematics:my-schematics
> ng generate my-schematics:my-schematics
(Angular CLI 專用指令:指定某個 schematic 建立檔案)
> ng set defaults.schematics.collection=my-schematics
(Angular CLI 專用指令:設定預設 schematics)
- 54. 與 Angular CLI 整合
使用 ng update 更新套件 (migration-collection.json)
- 64. 撰寫 Schematics 的建議
• 學習 Functional Programming 與 Patterns
• 盡量使用 Pure Function
• 將步驟切成小的 rule functions