AngularJS中文社区第一个学习应用实例-phonecat正确教程

fobnn 发布于2019-08-19 18:36 / 1661人阅读

摘要：在跟着中文社区的入门教程一开始学习就发现了纰漏。。。启动服务，运行命令，过程需要等待几分钟。中文社区此处使用命令，会报错，错误提示翻看路径确实没有文件。所以改用命令即可解决错误成功启动服务。

前言

众所周知，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 第一个数据第一个顶级域名

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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