AngularJS入門教程之學習環境搭建，angularjs入門教程

AngularJS入門教程之學習環境搭建，angularjs入門教程

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

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

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

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

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

1.建立一個可在任何瀏覽器中的工作的Live App。
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