AngularJS中文社區第一個學習應用實例-phonecat正確教程

前言

衆所周知，AngularJS已成爲前端的一大熱框架，AngularJS已然成爲Web應用開發世界裏最受歡迎的開源JavaScript框架。但雖然AngularJS 2也發佈了蠻久的但相關的學習文檔和資料還沒有完善。在跟着AngularJS中文社區的入門教程一開始學習就發現了紕漏。。。因而寫下此篇文章。。。

下載phonecat源碼

使用git下載學習所用源碼，命令：git clone git://github.com/angular/angular-phonecat.git

啓動服務

1.進入下載回來的源碼angular-phonecat目錄：運行一下命令：git checkout -f step-0

該命令將重置phonecat項目的工做目錄，建議在每一學習步驟運行此命令，將命令中的數字改爲您學習步驟對應的數字，該命令將清除您在工做目錄內作的任何更改。

2.啓動服務，運行命令：npm start，過程須要等待幾分鐘。

出現下圖提示Starting up http-server ,serving ./app，即表示啓動成功。

打開瀏覽器輸入localhost:8000便可看到頁面出現"Nothing here yet!"

則表示環境配置成功。

AngularJS中文社區此處使用命令：node scripts/web-server.js，會報錯，

錯誤提示：module.js:442

throw err;
^

Error: Cannot find module 'G:fontEndstudyNodeAngularJSangular-phonecatscrip
tsweb-server.js'

翻看路徑確實沒有web-server.js文件。因此改用命令npm start便可解決錯誤成功啓動服務。