AngularJS入門教學之學習環境建構_AngularJS

學習AngularJS的一個好方法是逐步完成本教程，它將引導您建立一個完整的AngularJS web應用程式。 該web應用程式是Android設備清單的目錄列表，您可以篩選列表以便查看您感興趣的設備，然後查看設備的詳細資訊。

本教學將向您展示AngularJS怎麼樣使得web應用更智慧更靈活，而且不需要各種擴充功能或外掛程式。 透過本教學的學習，您將：

1.閱讀範例學習如何使用AngularJS的客戶端資料綁定和依賴注入功能來建立可立即回應使用者操作的動態資料視圖。
2.學習如何使用AngularJS建立資料偵聽器，且不需要進行DOM操作。
3.學習一種更好、更簡單的方法來測試您的web應用程式。
4.學習如何使用AngularJS創建常見的web任務，例如更方便的將資料引入應用程式。

而且這一切可在任何一個瀏覽器實現，無需配置瀏覽器！

當你完成了本教學後，您將學會：

1.建立一個可在任何瀏覽器中的工作的動態應用程式。
2.了解AngularJS與其它JavaScript框架之間的差異。
3.了解AngularJS如何實作資料綁定。
4.利用AngularJS的種子計畫快速創建自己的專案。
5.創建和運行測試。
6.學習更多AngularJS標識資源(API)。

本教學將引導您完成一個簡單的應用程式建立流程，包括編寫和執行單元測試、不斷地測試應用程式。 教程的每個步驟為您提供建議以了解更多有關AngularJS和您創建的web應用程式。 您可能會在短時間內快速讀完本教學課程，也可能需要花大量時間深入研究本教學。 如果想看一個簡短的AngularJS介紹文檔，請查看[快速開始][ Getting Started]文檔。

建構學習環境

無論是Mac、Linux或Windows環境中，您均可遵循本教學學習程式設計。您可以使用原始碼管理版本控制系統Git取得本教學專案的原始碼文件，或直接從網路上下載本教學專案原始碼檔案的鏡像歸檔壓縮套件。

1.您需要安裝Node.js和Testacular來運行本項目，請到Node.js官方網站下載並安裝最新版，然後把node可執行程式路徑加入到系統環境變數PATH中，完成後在指令行中執行一下指令可以查看是否安裝成功：

複製程式碼 程式碼如下:

node -version

然後安裝Testacular單元測試程序，請執行以下命令：

複製程式碼 程式碼如下:

npm install -g testacular

2.安裝Git工具，然後用以下指令從Github複製本教學專案的原始碼檔案：

複製程式碼 程式碼如下:

git clone git://github.com/angular/angular-phonecat.git

您也可以直接從網路上下載本教學專案原始碼的鏡像歸檔壓縮包。這個指令會在您目前資料夾中建立新資料夾angular-phonecat。

3.最後一件事要做的就是確保您的電腦安裝了web瀏覽器和文字編輯器。

4.進入教程原始碼檔案包angular-phonecat，運行伺服器後台程序，開始學習AngularJS！

複製程式碼 程式碼如下:

cd angular-phonecat
node scripts/web-server.js