［Cousera Angular JS学习笔记］第一周

标签：

最近在给搜索引擎做前台，开始学习Angular JS，直接上coursera上的课程：https://www.coursera.org/learn/angular-js/home/week/1(没有JS基础的同学可以和我一样先过下cousera的JS课程 Interacticity with JavaScript)

要先安装bower(方便获取JS)，安装bower之前要先安装node JS

(1) 安装nodejs过程直接参考http://czpae86.iteye.com/blog/1636295,这边使用root用户安装，目录可以是/usr/local

1，先下载nodejs(使用低版本后面安装bower的时候有问题，这边用最新的)：

# wget http://nodejs.org/dist/v0.12.9/node-v0.12.9.tar.gz

2，解压文件

# tar xvf node-v0.12.9.tar.gz

3，进入解压目录

# cd node-v0.12.9

4，检查所需要配置

# ./configure

出现错误提示：

Exception: Call to ‘(echo | $(echo ${CXX_host:-$(which g++)}) -m32 -E - 

> /dev/null 2>&1) && echo "-m32" || true‘ returned exit status 0. while 

loading dependencies of /opt/node-v0.8.7/node.gyp while trying to load 

/opt/node-v0.12.9/node.gyp

5，如出现以上错误，安装gcc-c++

# yum install gcc-c++

6，进行安装(时间比较长，删除就是make uninstall)：

# make install

7，检查是否成功安装，输入命令：

# node -v

如果安装成功会输出相应版本号,如：

v0.12.9

8，现在可以创建一个test.js文件进行测试，文件内容为：console.log(‘Hello World.‘);

输入命令：

# node test.js

输出：

(2)安装bower

用npm包管理工具下载并全局安装bower:
> npm install -g bower

 全局安装Bower后，可以查看Bower的帮助信息，使用命令：
> bower help

(3) 然后就可以开始准备做第一个课程作业了

解压了confusion.zip，然后进入confusion目录，也就是有bower.json的那个目录，执行

bower install

报错了，说没有安装GIT，这边要装下，参考http://www.cnblogs.com/shenliang123/p/3824383.html

 下载wget https://www.kernel.org/pub/software/scm/git/git-2.7.0.tar.gz

  tar xvf git-2.7.0.tar.gz

  cd git-2.7.0

  ./configure

   make

  这边又报错了，缺少zlib.h

1.从http://www.zlib.net/下载zlib最新版：zlib-1.2.8.tar.gz

2.解压，编译

[root@sl gitinstall]# tar -zxvf zlib-1.2.8.tar.gz
[root@sl gitinstall]# cd zlib-1.2.8
[root@sl zlib-1.2.8]# ./configure
[root@sl zlib-1.2.8]# make
[root@sl zlib-1.2.8]# make install

再切换到上面的GIT目录安装GIT

make 

make install

成功！

（4）继续做作业，进入confusion目录，也就是有bower.json的那个目录，执行

        bower install

        下载完之后可以看到所需要的jquery，angular js等都已经下载到browser component下面了。

         然后照着cousera上的说明做，基本上问题都不大了，主要理解下angular js的directive: ng-init ng-repeat ng-app 、使用{{}}访问表达式还有two-way binding。

        这边HTML/CSS还有bootstrap的基础后面还是要补的，暂时的目标是使用angular js做搜索页面（基于elasticsearch ui修改）。

［Cousera Angular JS学习笔记］第一周

标签：

原文地址：http://www.cnblogs.com/renyingxin/p/5122732.html