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

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

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

啟動服務(wù)

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

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

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

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

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

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

AngularJS中文社區(qū)此處使用命令：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即可解決錯誤成功啟動服務(wù)。

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/79751.html

相關(guān)文章

【知識點】為什么推薦用ui-router替代ngRoute

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

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

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

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

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

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

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

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

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

k00baa 2019-08-21 12:35 評論0 收藏0