最近在给搜索引擎做前台,开始学习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.解压,编译
[[email protected] gitinstall]# tar -zxvf zlib-1.2.8.tar.gz [[email protected] gitinstall]# cd zlib-1.2.8 [[email protected] zlib-1.2.8]# ./configure [[email protected] zlib-1.2.8]# make [[email protected] 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修改)。