AngularJS
AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。
git
分布式的版本控制工具
nodejs
Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始,在Node中,Http是首要的。Node为创建http服务器作了优化,所以在网上看到的大部分示例和库都是集中在web上(http框架、模板库等)。
相信学习AngularJS的人都知道AngularJS中文社区,社区那套程序{jsGen}是作者完全使用javascript开发的,基本AngularJS+nodejs+MongoDB。里面有详细的AngularJS入门教程,这篇文章就基于里面的AngularJS教程的环境搭建,正如第一个例子:phonecat。社区地址:http://angularjs.cn/
步骤
- 下载git:http://msysgit.github.io/
- 下载nodejs:http://www.nodejs.org/
- 安装程序。
第一步
从github获取实例文件,打开Git Bash,输入代码
git clone git://github.com/angular/angular-phonecat.git
下载完成后在文件的目录在
E:\WebstormProjects\angular-phonecat
第二步
下载完成后的目录位置还是在用户目录下的,所以要输出下面代码进入angular-phonecat目录
cd angular-phonecat
再根据教程设置步骤:
git checkout -f step-0
第三步
npm start
打开 http://localhost:8000/app/index.html
相关推荐
**AngularJS——Angular-phonecat详解** AngularJS,作为Google推出的一款强大的前端JavaScript框架,以其双向数据绑定、模块化和依赖注入等特性深受开发者喜爱。"AngularJS--angular-phonecat"是一个经典的入门...
本教程将围绕"angular-phonecat-master"这个项目,深入讲解AngularJS的基础知识和实践应用。 在"angular-phonecat-master"项目中,我们将学习如何使用AngularJS创建一个简单的电话目录应用。此应用展示了如何利用...
"angular-phonecat" 是一个基于 AngularJS 框架的经典教程项目,旨在引导开发者逐步学习和理解 AngularJS 的核心概念和功能。在这个“master”分支中,我们可以预见到这是一个已经更新到最新稳定版本的示例应用,...
学习Angular-phonecat种子项目是Bower无法连接,手动下载的所有bower资源,使用解压到app下,保持bower_components文件目录,npm start如卡死在bower install步骤,删除项目根目录下package.json文件第20行--'...
angular-phonecat.z01和angular-phonecat.zip合并
标题中的“angular-phonecat-snapshots增加浏览历史功能”指的是一个关于AngularJS的项目——angular-phonecat,它是一个经典的AngularJS教程示例应用,用于展示AngularJS的核心特性。在这个项目中,用户可能需要...
"angular-phonecat-snapshots" 是一个与Angular.js框架相关的项目,它可能是一个教程或示例应用的快照集合。Angular.js是Google维护的一个前端JavaScript框架,用于构建单页应用程序(SPA)。这个项目的名称暗示了它...
angular-1.6.10 ,官方完整包 AngularJS 是一组用来开发 Web 页面的框架、模板以及数据绑定和丰富 UI 组件。 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。 AngularJS 通过 指令 ...
angular-spectrum-colorpicker, 基于频谱的AngularJS颜色选取器 Angular 频谱 Colorpicker Angularified 光谱颜色选取器模块基于光谱颜色选择器插件,可以通过依赖注入嵌入任意项目:var myApp = angular.module('...
Angular-Clever-Bootstrap-4-Admin-Template-with-AngularJS-Angular-2-support.zip,clever是具有angular 2和angularjs支持的bootstrap 4管理模板clever bootstrap 4管理模板具有angularjs和angular2支持。...
系统要求(已测试) ... 3.upzip 到 C:\Users[Username]\angular-phonecat 4.open Node.js 命令 5.type cd angular-phonecat 6.type npm start 7.打开浏览器,输入 localhost:8000/app/ 注意: 第一次在nodejs
在本文中,我们将深入探讨如何使用AngularJS、RequireJS和Angular-UI-Router构建一个高效且模块化的前端应用。AngularJS是一种流行的JavaScript框架,用于构建动态网页应用;RequireJS是AMD(Asynchronous Module ...
Angular-教程应用程序,基于 Angular-PhoneCat。 来自 angularjs.org 网页的教程。 在开始使用教程之前应该采取的步骤列表: 操作系统:Windows 7 x64 NodeJS:0.12.0 npm:2.5.1 angularjs: 1.3.14 安装: 最新版本...
《Clever-Bootstrap-4-Admin-Template-with-AngularJS-Angular-2-support-master》是一款基于AngularJS和Angular 2的高级Bootstrap管理模板,它结合了Bootstrap 4的现代设计与Angular的强大功能,为开发者提供了一套...
angular-bootstrap-nav-tree, 在 Bootstrap"nav" 列表中,创建基于树的一个AngularJS指令 angular-bootstrap-nav-tree这是使用 Bootstrap CSS的Angular JS应用的树形指令。示例:...
1. **触摸事件支持**:mobile-angular-ui为AngularJS添加了对触摸事件的支持,使得开发者可以轻松地处理手机和平板上的触摸操作,如点击、滑动等。 2. **滚动管理**:在移动设备上,页面滚动体验至关重要。mobile-...
AngularJS 手机目录教程应用概述该应用程序引导开发人员完成使用 angular 构建 Web 应用程序的过程。 该应用程序松散地基于不再存在的Google Phone Gallery 。 这是一个历史参考: 。 每个标记的提交都是一个单独的...