angularJS开发环境搭建和启动

            本文目录：1.angularJS框架简介

                              2.angularJS环境搭建

                              3.启动一个项目

 

1.angularJS框架简介

AngularJS是一个开发动态Web应用的框架。它让你可使用HTML做为模板语言而且能够经过扩展的HTML语法来使应用组件更加清晰和简洁。它的创新之处在于，经过数据绑定和依赖注入减小了大量代码，而这些都在浏览器端经过JavaScript实现，可以和任何服务器端技术完美结合。

Angular是为了扩展HTML在构建应用时本应具有的能力而设计的。对于静态文档，HTML是一门很好的声明式的语言，但对于构建动态WEB应用，它无能为力。因此，构建动态WEB应用每每须要一些技巧才能让浏览器配合咱们的工做。

一般，咱们经过如下手段来解决动态应用和静态文档之间不匹配的问题：

• 类库 - 一些在开发WEB应用时很是有用的函数的集合。你的代码起主导做用，而且决定什么时候调用类库的方法。例如：jQuery等。
• 框架 - 一种WEB应用的特殊实现，你的代码只须要填充一些具体信息。框架起主导做用，而且决定什么时候调用你的代码。例如：knockout, ember等。

Angular另辟蹊径，它尝试去扩展HTML的结构来弥合以文档为中心的HTML与实际Web应用所须要的HTML之间的鸿沟。Angular经过指令（directive）扩展HTML的语法。例如：

• 经过{{}}进行数据绑定。
• 使用DOM控制结构来进行迭代或隐藏DOM片断。
• 支持表单和表单验证。
• 将逻辑代码关联到DOM元素上。
• 将一组HTML作成可重用的组件。

参考：http://www.angularjs.net.cn/tutorial/1.html

2.angularJS环境搭建

2.1安装node.js

下载地址：https://nodejs.org/en/download/

2.2.安装npm和cnpm

npm在安装node.js会顺带安装好，因为Angular CLi的一些资源被墙掉了，因此这里咱们使用淘宝的镜像去下载安装，不然会很慢而且很容易出问题。 

安装淘宝镜像，输入 npm install -g cnpm –registry=https://registry.npm.taobao.org

2.3安装完成cnpm以后，咱们开始安装Angular-cli。

执行命令

而后能够执行ng version命令，查看是否安装完成和angular-cli的版本
安装完成以后咱们就可使用ng命令，下面开始建立项目。

cnpm i -g angular-cli

3.安装完成以后，咱们开始进行测试建立项目。

3.1执行命令：ng new JustForTest

3.2建立好后咱们启动
执行命令：ng serve

这样就能够直接启动项目，咱们在浏览器中输入：http://localhost:4200能够直接访问