angularJS開發環境搭建和啓動

            本文目錄：1.angularJS框架簡介

                              2.angularJS環境搭建

                              3.啓動一個項目

 

1.angularJS框架簡介

AngularJS是一個開發動態Web應用的框架。它讓你可使用HTML做爲模板語言而且能夠經過擴展的HTML語法來使應用組件更加清晰和簡潔。它的創新之處在於，經過數據綁定和依賴注入減小了大量代碼，而這些都在瀏覽器端經過JavaScript實現，可以和任何服務器端技術完美結合。

Angular是爲了擴展HTML在構建應用時本應具有的能力而設計的。對於靜態文檔，HTML是一門很好的聲明式的語言，但對於構建動態WEB應用，它無能爲力。因此，構建動態WEB應用每每須要一些技巧才能讓瀏覽器配合咱們的工做。

一般，咱們經過如下手段來解決動態應用和靜態文檔之間不匹配的問題：

• 類庫 - 一些在開發WEB應用時很是有用的函數的集合。你的代碼起主導做用，而且決定什麼時候調用類庫的方法。例如：jQuery等。
• 框架 - 一種WEB應用的特殊實現，你的代碼只須要填充一些具體信息。框架起主導做用，而且決定什麼時候調用你的代碼。例如：knockout, ember等。

Angular另闢蹊徑，它嘗試去擴展HTML的結構來彌合以文檔爲中心的HTML與實際Web應用所須要的HTML之間的鴻溝。Angular經過指令（directive）擴展HTML的語法。例如：

• 經過{{}}進行數據綁定。
• 使用DOM控制結構來進行迭代或隱藏DOM片斷。
• 支持表單和表單驗證。
• 將邏輯代碼關聯到DOM元素上。
• 將一組HTML作成可重用的組件。

參考：http://www.angularjs.net.cn/tutorial/1.html

2.angularJS環境搭建

2.1安裝node.js

下載地址：https://nodejs.org/en/download/

2.2.安裝npm和cnpm

npm在安裝node.js會順帶安裝好，因爲Angular CLi的一些資源被牆掉了，因此這裏咱們使用淘寶的鏡像去下載安裝，不然會很慢而且很容易出問題。 

安裝淘寶鏡像，輸入 npm install -g cnpm –registry=https://registry.npm.taobao.org

2.3安裝完成cnpm以後，咱們開始安裝Angular-cli。

執行命令

而後能夠執行ng version命令，查看是否安裝完成和angular-cli的版本
安裝完成以後咱們就可使用ng命令，下面開始建立項目。

cnpm i -g angular-cli

3.安裝完成以後，咱們開始進行測試建立項目。

3.1執行命令：ng new JustForTest

3.2建立好後咱們啓動
執行命令：ng serve

這樣就能夠直接啓動項目，咱們在瀏覽器中輸入：http://localhost:4200能夠直接訪問