ANGULARJS之--前臺搭建

相信很多學習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的項目開發了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章