AngularJS中文社區(qū)第一個(gè)學(xué)習(xí)應(yīng)用實(shí)例-phonecat正確教程

fobnn 發(fā)布于2019-08-19 18:36 / 1666人閱讀

摘要：在跟著中文社區(qū)的入門教程一開始學(xué)習(xí)就發(fā)現(xiàn)了紕漏。。。啟動(dòng)服務(wù)，運(yùn)行命令，過(guò)程需要等待幾分鐘。中文社區(qū)此處使用命令，會(huì)報(bào)錯(cuò)，錯(cuò)誤提示翻看路徑確實(shí)沒有文件。所以改用命令即可解決錯(cuò)誤成功啟動(dòng)服務(wù)。

前言

眾所周知，AngularJS已成為前端的一大熱框架，AngularJS已然成為Web應(yīng)用開發(fā)世界里最受歡迎的開源JavaScript框架。但雖然AngularJS 2也發(fā)布了蠻久的但相關(guān)的學(xué)習(xí)文檔和資料尚未完善。在跟著AngularJS中文社區(qū)的入門教程一開始學(xué)習(xí)就發(fā)現(xiàn)了紕漏。。。于是寫下此篇文章。。。

下載phonecat源碼

使用git下載學(xué)習(xí)所用源碼，命令：git clone git://github.com/angular/angular-phonecat.git

啟動(dòng)服務(wù)

1.進(jìn)入下載回來(lái)的源碼angular-phonecat目錄：運(yùn)行一下命令：git checkout -f step-0

該命令將重置phonecat項(xiàng)目的工作目錄，建議在每一學(xué)習(xí)步驟運(yùn)行此命令，將命令中的數(shù)字改成您學(xué)習(xí)步驟對(duì)應(yīng)的數(shù)字，該命令將清除您在工作目錄內(nèi)做的任何更改。

2.啟動(dòng)服務(wù)，運(yùn)行命令：npm start，過(guò)程需要等待幾分鐘。

出現(xiàn)下圖提示Starting up http-server ,serving ./app，即表示啟動(dòng)成功。

打開瀏覽器輸入localhost:8000即可看到頁(yè)面出現(xiàn)"Nothing here yet!"

則表示環(huán)境配置成功。

AngularJS中文社區(qū)此處使用命令：node scripts/web-server.js，會(huì)報(bào)錯(cuò)，

錯(cuò)誤提示：module.js:442

throw err;
^

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

翻看路徑確實(shí)沒有web-server.js文件。所以改用命令npm start即可解決錯(cuò)誤成功啟動(dòng)服務(wù)。

云服務(wù)器 GPU云服務(wù)器用angularjs開發(fā)下一代web應(yīng)用如何正確學(xué)習(xí)javascript 第一個(gè)數(shù)據(jù) 第一個(gè)頂級(jí)域名

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79751.html

相關(guān)文章

【知識(shí)點(diǎn)】為什么推薦用ui-router替代ngRoute

摘要：被認(rèn)為是為開發(fā)者提供的最實(shí)用的一個(gè)模塊。與集成的服務(wù)不同的是，可以將視圖嵌套，因?yàn)樗诘氖遣僮鳡顟B(tài)而僅非。與傳統(tǒng)做法使用不同的是，在里需要使用服務(wù)。當(dāng)在中處理路由和狀態(tài)時(shí)，開發(fā)者的重心是當(dāng)前的狀態(tài)是什么以及在哪一個(gè)頁(yè)面里。初學(xué)angularjs，第一個(gè)實(shí)例是官網(wǎng)的phoneCat，里面路由用的是ngRoute，后來(lái)看到別的用ui-router，覺得好奇，ui-route是什么呢？百...

Shonim 2019-08-26 11:29 評(píng)論0 收藏0
前端資源分享-只為更好前端

摘要：一團(tuán)隊(duì)組織網(wǎng)站說(shuō)明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡(jiǎn)稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無(wú)限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前一、團(tuán)隊(duì)組織網(wǎng)站說(shuō)明騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

zxhaaa 2019-08-22 16:11 評(píng)論0 收藏0
前端資源分享-只為更好前端

摘要：一團(tuán)隊(duì)組織網(wǎng)站說(shuō)明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡(jiǎn)稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無(wú)限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前一、團(tuán)隊(duì)組織網(wǎng)站說(shuō)明騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

JouyPub 2019-08-02 10:10 評(píng)論0 收藏0
前端資源分享-只為更好前端

摘要：一團(tuán)隊(duì)組織網(wǎng)站說(shuō)明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡(jiǎn)稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無(wú)限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前一、團(tuán)隊(duì)組織網(wǎng)站說(shuō)明騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

vslam 2019-08-30 15:53 評(píng)論0 收藏0
你的第一個(gè)AngularJS應(yīng)用--教程二：基架、建立和測(cè)試的工具

摘要：包括腳手架依賴管理準(zhǔn)備測(cè)試包括單元測(cè)試和端到端測(cè)試。我們用來(lái)開發(fā)的工具有。是一個(gè)工具集，包含個(gè)核心組件，，和腳手架工具。當(dāng)你正在做自己的一個(gè)項(xiàng)目時(shí)，使用哪些模塊將取決于你自己。這個(gè)目錄當(dāng)然是測(cè)試文件。介紹有很多可用的工具可以幫助你開發(fā)AngularJS 應(yīng)用，那些非常復(fù)雜的框架不在我的討論范圍之中，這也是我開始這系列教程的原因。在第一部分，我們掌握了AngularJS框架的基本...

k00baa 2019-08-21 12:35 評(píng)論0 收藏0