相信很多學習AngularJS的都會去AngularJS中文社區去看官網教程。
前期搭建node,安裝git,下載angular-phonecat似乎問題都不大,然而按照他們的教程引導,在控制檯運行 node scripts/web-server.js 時問題就出來了。
控制檯報錯,找不到web-server.js功能模塊,再去看看github裏面的phonecat項目文件,script下面的確沒有web-server.js這個文件,這是爲什麼呢?
既然github裏沒有給出web-server.js,教程爲什麼會讓你去執行它?
瞬間不會了!
然後我自行百度,試了各種辦法,加上這種資料不多,整整耗了一天時間,並沒有處理。
後來去問了一個朋友,在他那裏給出了答案,他說官網教程存在滯後性,angular的phonecat項目已經棄用了web-server.js,所以git裏面肯定出不來。
瞬間懵逼了,有木有!!
也就是說官網教程教的是老版的項目,新版項目的模塊已經整改了,棄用了部分模塊。相應模塊已刪,肯定對不上號!
我只能說,好吧,重新整。爲了不會亂,乖乖的把node git 都卸了,重新按照如下方式去安裝:
1、Node.js下載安裝
下載地址:http://nodejs.org/
安裝完後,一般會把nodeJs的安裝路徑寫入Path環境變量裏。(如沒有的話,請手動配置)
檢查安裝是否成功(dos命令窗口):node –version 或 node -v
安裝Testacular單元測試程序: npm install karma
npm install -g express
2、git下載安裝
下載地址:http://git-scm.com/
安裝完後,一般會把nodeJs的安裝路徑寫入Path環境變量裏。(如沒有的話,請手動配置)
以下命令從Github複製本教程項目的源代碼文件(dos命令窗口):
git clone git://github.com/angular/angular-phonecat.git
這個命令會在您當前文件夾中建立新文件夾angular-phonecat。
3、服務器的啓動命令 npm start
4、測試服務器的啓動命令 npm test
5、入門學習的例子的獲取 git checkout -f step-0
6、例子的運行 cd到angular-phonecat文件夾
啓動: npm start
導出例子程序:
git checkout -f step-0
例子代碼生產在文件夾angular-phonecat/app下
npm start
瀏覽器中運行例子:
http://localhost:8000/app/index.html
如果出現空白頁,運行
http://localhost:8000/
出來了,有木有
其實之前的搭建平臺本身並沒有問題,問題就在於,項目已整改,教程未能及時更新。一個指令的誤導,就入了坑。導致了接連不斷的錯誤發生。
同時我也沒有用心去聽別人的指導,自己的盲目也是未能及時解決問題的原因。當然了,這些是沒有後臺經驗的新手需要規避的問題,現在纔剛剛起步不是?
好了,平臺已搭建,現在可以開始angular的項目開發了。