Angular 2 與 TypeScript 筆記(一)

其實之前就有認真考慮想學React和Angular,本來是打算先學React,不過因為在研究的專案使用的是Angular,所以就先來研究Angular了,而且Angular也開始將文件中文化,我相信在學習上應該會比只有英文文件來得順利一些,不過老實說我覺得Angular有點複雜就是了XD

Angular 2 中文官網:https://angular.cn/

準備工作

首先從官方網站的五分鐘入門開始:

  1. 安裝Node.js
  2. 到這個Github頁面,下載入門包(或依官網逐步建立檔案)
  3. 安裝所需要的Module:npm install
  4. 安裝TypeScript:npm install -g typescript
  5. 安裝Typings:npm install -g typings

到這邊就算是準備完畢了!

Angular基本介紹

Angular App的組成有四大元件:Component、Service 、Router 、Directive

補充:因為Angular有官方中文化文件,所以以下關鍵字會以官方的中文翻譯為主

Component 組件

組件是Angular最基本的組成,一個網站都會有一個AppComponent來當Root Component 根組件,可以想像成樹的最根部。

這個根組件裡面還會有其他組件,例如:SidebarComponent 、HeaderComponent等等,當然還可以繼續長下去變成一棵組件樹。

1 Comment

  1. 我的媽呀,跟一代差好多 …. 完全是不一樣的東西

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料