全端開發人員天梯

今天來談談如何在NativeScript專案中，使用Angular CLI建立component、directive和module等程式，節省開發時間。

在過去的文章我們已經學到—Angular2的應用程式是由一個一個的component所堆積組合起來的，這麼做的好處不用多說就是關注點分離，讓你專心在目前的功能上，也不用擔心影響到其他的component，但是當你的程式架構越來越龐大時，管理這些數以百計的components就變成一門學問了，這時候我們就可以透過模組化的機制，更有組織的管理你的所有components，這也就是我們今天要談的主題—Module。

上一篇文章我們介紹了Angular2中內建的Pipe，讓我們更容易在View中直接改變資料的顯示方式，今天我們來說明如何設計自己的Pipe。

在web應用程式中使用CSS可以說是在基本不過的事情，就算移到的Angular2，CSS當然還是依然會大量的被使用；使用CSS感覺好像沒什麼好聊的，不過Angular2可是個花費了數年且結合了社群的腦力激盪開發最終才release的框架，對於處理CSS自然有更獨到方便管理的做法，今天就來談談在Angular2中使用CSS的一些技巧吧！

之前的文章介紹過Angular CLI的基本用法之後，本篇文章開始就來寫一個簡單的TodoApp，藉此來練習Angular2的各種特色。

在上一篇文章「[Angular2速成班]用Angular CLI節省你的開發時間」中我們快速介紹了Angular CLI的使用方式，透過Angular CLI我們可以很容易的建立一個具有一致性的專案架構，今天我們就來簡單介紹一下使用ng new指令產生的專案目錄內容，讓以後在開發Angular2專案時可以很清楚知道檔案的存放位置。

Angular CLI是隨著Angular2發展時一併產生的一個指令列工具，一樣基於「習慣取代配置」的優良傳統，我們可以用Angular CLI快速產生開發Angular2程式時所需要的檔案範本，另外也包含了軟體開發生命週期會用到的bundle, lint, unit test, end to end test等功能，也全都包在Angular CLI裡面了，因此透過Angular CLI工具，我們可以大幅節省許多準備檔案的時間！由於之後的Angular2速成班教學中我們也會大量使用Angular CLI來產生相關需要的檔案，因此今天就先來簡單介紹一下Angular CLI這個強大的產生器功能。

Angular2前陣子終於脫離RC版堂堂邁入正式版本啦！這代表著基本上之後的更新原則上都不會再有重大的變化，也就是開發上可以比較穩定囉，所以今天就來介紹一下Angular2以及使用官方推出的Angular CLI來建立一個簡單的Hello World程式吧！