不需要有任何的網路主機空間,只要在自己的電腦中就可以建立一個可以開發AngularJS的環境,而且很簡單。當然,如果在自己的電腦中如果已經安裝了EasyPHP、WAMP等等本機端的網頁伺服器,只要能夠執行瀏覽器順利載入http://localhost的網頁就可以開始開發AngularJS了,不過在這篇文章中我們希望能夠更進一步地從一個已經建立好的開發框架開始。

首先,依序在你的Windows環境下安裝下列這些系統:

  • Git
  • NodeJS
  • 確定npm是否可以正常執行

不同於Linux以及Mac作業系統,基本上在Windows下要安裝程式都還是前往它們的網站下載安裝程式,執行之後就算是安裝完成。安裝完畢之後,分別以node –version以及npm –version檢查這些程式的版本:

然後前往angular-seed網站,透過以下的git clone命令下載一個基本的AngularJS網站框架:

C:\Project> git clone --depth=1 https://github.com/angular/angular-seed.git <your-project-name>

執行的結果如下:

然後前往我們使用的專案名稱mywebapp目錄之下,再執行npm start就可以啟用目前這個基本的網站架框了,執行結果如下所示(第一次執行因為要安裝許多模組,所以需要比較多的時間):

這時候開啟瀏覽器,輸入網址:http://localhost:8000,就可以看到以下所示的畫面了:

在mywebapp目錄之下,已經有許多的目錄架構以及預設的檔案,方便我們開始編輯我們的AngularJS專案:

主要的原始碼檔案都放在app這個目錄之下。