angular源码分析:angular源代码的获取与编译环境安装
一、安装git客户端
1.windows环境推荐使用TortoiseGit。
官网地址:http://tortoisegit.org
下载地址:http://tortoisegit.org/download/
安装过程:略
2.采用deb包的系统,如ubuntu
sudo apt-get install git
3.采用yum的系统,如centos
sudo yum install git
4.源码编译安装:
wget https://github.com/git/git/archive/master.zip
unzip master.zip
cd git-xxxx-xx-xx
sudo apt-get install autoconf
autoconf
./configure
make
make install #可能会报权限问题,我是切换到root下编译安装的,省事
git依赖zlib-devel,openssl-devel,perl,cpio,expat-devel,gettext-devel这些包,如果出错基本上也是这些包造成的。
二、获取angular1.x的源代码
现在,angular分类1.x和2.x,1.x是已经经过严格测试了得发布版本,2.x是谷歌内部还在开发中的版本,还没有发布。我们这里以及后面讲的都是1.x版本。
执行下面代码,将github上代码克隆到本地。
git clone https://github.com/angular/angular.js.git
如果英文比较好,学习angular建议看官网给出的一手资料:
Web site: http://angularjs.org
Tutorial: http://docs.angularjs.org/tutorial
API Docs: http://docs.angularjs.org/api
Developer Guide: http://docs.angularjs.org/guide
Contribution guidelines: CONTRIBUTING.md
Dashboard: http://dashboard.angularjs.org
三、安装构建环境以及编译和测试命令
由于angular的代码构建采用的grunt,而grunt是用nodejs写的,所以要先安装nodejs。
1.安装nodjs
windows环境,直接到官网(http://nodejs.org/)去下载并安装了事,再次略过。
下面讲讲源码安装:
wget http://nodejs.org/dist/v0.10.17/node-v0.10.17.tar.gz #这里的地址可能不同,请找到最新版本的地址替换
tar xvf node-v0.10.17.tar.gz
cd node-v0.10.17
./configure
make
make install
cp /usr/local/bin/node /usr/sbin/
2.通过npm安装angular构建所以依赖的node包。
npm install
3.编译和测试
编译:grunt build
单元测试:grunt test:unit
端到端测试:
grunt package
grunt test:e2e
下一期:angular源码分析:angular中的依赖注入式如何实现的
angular源码分析:angular源代码的获取与编译环境安装的更多相关文章
- angular源码分析:angular中脏活累活承担者之$parse
我们在上一期中讲 $rootscope时,看到$rootscope是依赖$prase,其实不止是$rootscope,翻看angular的源码随便翻翻就可以发现很多地方是依赖于$parse的.而$pa ...
- angular源码分析:angular中的依赖注入式如何实现的
一.准备 angular的源码一份,我这里使用的是v1.4.7.源码的获取,请参考我另一篇博文:angular源码分析:angular源代码的获取与编译环境安装 二.什么是依赖注入 据我所知,依赖注入 ...
- angular源码分析:angular中入境检察官$sce
一.ng-bing-html指令问题 需求:我需要将一个变量$scope.x = '<a href="http://www.cnblogs.com/web2-developer/&qu ...
- angular源码分析:angular中$rootscope的实现——scope的一生
在angular中,$scope是一个关键的服务,可以被注入到controller中,注入其他服务却只能是$rootscope.scope是一个概念,是一个类,而$rootscope和被注入到cont ...
- angular源码分析:angular的源代码目录结构说明
一.读源码,是选择"编译合并后"的呢还是"编译前的"呢? 有朋友说,读angular源码,直接看编译后的,多好,不用管模块间的关系,从上往下读就好了.但是在我看 ...
- angular源码分析:angular中脏活累活的承担者之$interpolate
一.首先抛出两个问题 问题一:在angular中我们绑定数据最基本的方式是用两个大括号将$scope的变量包裹起来,那么如果想将大括号换成其他什么符号,比如换成[{与}],可不可以呢,如果可以在哪里配 ...
- angular源码分析:$compile服务——directive他妈
一.directive的注册 1.我们知道,我们可以通过类似下面的代码定义一个指令(directive). var myModule = angular.module(...); myModule.d ...
- angular源码分析:angular的整个加载流程
在前面,我们讲了angular的目录结构.JQLite以及依赖注入的实现,在这一期中我们将重点分析angular的整个框架的加载流程. 一.从源代码的编译顺序开始 下面是我们在目录结构哪一期理出的an ...
- angular源码分析:injector.js文件分析——angular中的依赖注入式如何实现的(续)
昨天晚上写完angular源码分析:angular中jqLite的实现--你可以丢掉jQuery了,给今天定了一个题angular源码分析:injector.js文件,以及angular的加载流程,但 ...
随机推荐
- Yii的学习(4)--Active Record
摘自Yii官网:http://www.yiiframework.com/doc/guide/1.1/zh_cn/database.ar 在官网原文的基础上添加了CDbCriteria的详细用法. 虽然 ...
- .net后台模拟浏览器get/post请求
#region 后台模拟浏览器get/post请求 /// <summary> /// 发送请求方式 /// </summary> /// <param name=&qu ...
- Android Studio的git功能的使用介绍
本文介绍Android Studio(下面简称AS)中git工具的一些简单使用.因为AS为git的使用提供了很多人性化的图形界面操作,在很大程度上可以增加开发效率.本文面向新手,题主自己也是新手一枚, ...
- MVC5中,加载分部视图,常见的方式
首先,新建一个MVC类型的Web项目: 然后在Model文件夹下定义一个Student实体: public class Student { public int ID { get; set; } pu ...
- JQuery学习笔记---jquery对象和DOM对象的关系
1.DOM(Document Object Model,文档对象模型).DOM树 { html (head&&body), head(meta && title) ...
- Socket开发框架之消息的回调处理
在一般的Socket应用里面,很多时候数据的发送和接收是分开处理的,也就是我们发送一个消息,不知道这个请求消息什么时候得到应答消息,而且收到对应的应答消息的时候,如果操作界面的内容,也是需要特别处理的 ...
- Entity Framework 实体框架的形成之旅--为基础类库接口增加单元测试,对基类接口进行正确性校验(10)
本篇介绍Entity Framework 实体框架的文章已经到了第十篇了,对实体框架的各个分层以及基类的封装管理,已经臻于完善,为了方便对基类接口的正确性校验,以及方便对以后完善或扩展接口进行回归测试 ...
- Allok Video to FLV Converter 可以用的 FixFlash.exe
纸飞机 拷至 c:\windows\system32 ok 下载链接:http://pan.baidu.com/s/1eQwz0DO 软件下载:http://pan.baidu.com/s/1sjGv ...
- SEO技巧汇集
每个人都喜欢好用的技巧,对吗?这里有55个用于搜索引擎优化的小技巧,甚至你的老妈用起来都易如反掌.哦,不是我的老妈,但你明白我的意思.这意味着网页设计师和SEO新手中大部分人都能迅速上手,没有任何困难 ...
- C ~ 链式队列与循环队列
此处的链式与循环队列可以应用于BFS和树的层序遍历.下面是对其结构和基本操作的程序描述. 1.循环队列 解决循环队列的队空和队满的方法: [1].增加一个参数count,用来记录数组中当前 ...