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

fobnn 發布于2019-08-19 18:36 / 1667人閱讀

摘要：在跟著中文社區的入門教程一開始學習就發現了紕漏。。。啟動服務，運行命令，過程需要等待幾分鐘。中文社區此處使用命令，會報錯，錯誤提示翻看路徑確實沒有文件。所以改用命令即可解決錯誤成功啟動服務。

前言

眾所周知，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即可解決錯誤成功啟動服務。

云服務器 GPU云服務器用angularjs開發下一代web應用如何正確學習javascript 第一個數據第一個頂級域名

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79751.html

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

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

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

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

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

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

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

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

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

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

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