AngularJS学习笔记<1>环境配置

来源:互联网 发布:灭绝师太扫矿软件下载 编辑:程序博客网 时间:2024/05/29 10:10
什么是 AngularJS?

AngularJS是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚、简洁地构建你的应用组件。它的创新点在于,利用数据绑定 和依赖注入,它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现,这也使得它能够完美地和任何服务器端技术结合。

学习前环境的准备
1、Node.js下载安装
  • 下载地址:http://nodejs.org/
  • 安装完后,一般会把nodeJs的安装路径写入Path环境变量里。(如没有的话,请手动配置)
  • 检查安装是否成功(dos命令窗口):node --version 或 node -v
  • 安装Testacular单元测试程序: npm install karma

2、git下载安装
  • 下载地址:http://git-scm.com/
  • 安装完后,一般会把nodeJs的安装路径写入Path环境变量里。(如没有的话,请手动配置)
  • 以下命令从Github复制本教程项目的源代码文件(dos命令窗口):
    git clone git://github.com/angular/angular-phonecat.git
    这个命令会在您当前文件夹中建立新文件夹angular-phonecat。

3、服务器的启动命令
  • npm start(dos命令窗口)

4、测试服务器的启动命令
  • npm test(dos命令窗口)

5、入门学习的例子的获取
在dos命令窗口运行。
  • git checkout -f step-0
  • git checkout -f step-1
  • git checkout -f step-2
  • ---
  • git checkout -f step-11

6、例子的运行
  • dos命令窗口cd到angular-phonecat文件夹
  • 启动:npm start
  • 导出例子程序:git checkout -f step-0
    例子代码生产在文件夹angular-phonecat/app下
  • IE上运行例子:http://localhost:8000/app/index.html
0 0