Pro AngularJS學習筆記（一）

AngularJS圍繞MVC框架構建，重要特點：

AngularJS是由GOOGLE發起並維護的開源Javascript庫。並已被用在一些大型，複雜的web app中。

準備知識：

需要熟悉HTML和CSS。

安裝Node.js

通常用於客戶端web app開發的許多開發工具是用Javascript編寫的，一般都基於Node.js來運行。Node.js基於與google chrome瀏覽器相同的JavaScript引擎，不同的是它可以在瀏覽器之外運行。提供了javascript程序開發的一個通用框架。

訪問http://nodejs.org下載並安裝相應平臺的Node.js包（支持windows,Linux,Mac OS），確保安裝了Package Manager(包管理器），並將安裝目錄添加到環境路徑。

要測試Node.js是否已成功安裝，只需打開命令行工具，並輸入node.回車執行，然後輸入如下代碼：

function testNode() {return "Node已正常運行"}; testNode();

不出意外的話，將出現如下輸出：

Node已正常運行

安裝web服務器

簡單的WEB服務器就可以滿足運行條件，這裏我安裝了node.js內置的模塊Connect。在node.js的安裝目錄下運行如下代碼：

npm install connect

NPM是Node包安裝器，它會自動下載connect所需的文件，並創建一個名爲connect的目錄。

下面，我們創建一個新的文件，取名爲server.js（仍舊放在node.js的安裝目錄下），輸入如下內容：

var connect = require('connect');
connect.createServer(
connect.static("../angularjs")
).listen(5000);

這個文件創建了一個簡單的WEB服務器，用於響應來自端口號5000的請求，並將請求與目錄下的angularjs目錄進行關聯——同樣它也將建在node.js的安裝目錄之下。

安裝測試系統：

這裏使用了Karma test runner和Jasmine test framework，與前面相同，在命令行切換至nodejs安裝目錄並運行如下命令：

創建AngularJS目錄，前面我們寫的server.js中引用了一個名爲angularJS的目錄，而這個目錄在nodejs目錄下是不存在的，我們需要手工創建它。當然你也可以將其創建在其它位置，但不要忘記更改server.js中的設置。

下載AngularJS

由於angularjs官網使用了google的CDN加速，導致國內訪問有點問題，所以請從以下地址下載相應的版本：https://code.angularjs.org/