Angular Glossary

[ericltw]

Angular CLI

背景

• 手動設置Angular application
  • 創建資料夾 / 添加配置文件
  • 安裝packages (packages.json)
  • 創建root application component
  • 創建root application module
  • 創建main.js
  • 創建index.html
• 創建component, pipe, service, directive, touting guard時，需寫同樣的boilerplate code，除了單調，費時，也容易出錯。

目的

簡化開發者對Angular操作，提高生產力。

介紹

Angular Command Line Interface為一個工具，幫助我們：

• 創建Angular applications（快速 / 統一）
• 創建boilerplate code
• Run Unit and e2e tests
• 創建優化的版本以部署到production

Reference

• https://www.youtube.com/watch?v=rJ9o4TyhSuo
• https://angular.io/cli

[ericltw]

Schematics

介紹

Schematics是一個template-based code generator，能夠自動，修改，重構，移動files和code。A schematic在virtual file system上定義rule。

Angular CLI是用schematics生成或修改projects，除了使用Angular CLI提供的schematics (e.g. ng generate)，也能在Angular CLI中自定義處理規則。

[ericltw]

Workspace

介紹

為project（application or library）的集合，透過Angular CLI創建，操作。