Angular.js学习

版权声明：本文为博主原创文章，转载请附上博文链接！ https://blog.csdn.net/csdnluolei/article/details/84202869

一、Angular.js是什么？

Angular.js是一款为了克服HTML在构建应用上的不足而设计的优秀的前端JS框架。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

        AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到 HTML 页面。

  　  AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。

   　gethub各个AngularJS版本下载：https://github.com/angular/angular.js/releases

      AngularJS各种版本js文件下载 https://code.angularjs.org/

二、为什么有Angular.js，作用是什么？

AngularJS是为了克服HTML在构建应用上的不足而设计的。 AngularJS使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。

AngularJS 作用：

1. AngularJS 把应用程序数据绑定到 HTML 元素。
2. AngularJS 可以克隆和重复 HTML 元素。
3. AngularJS 可以隐藏和显示 HTML 元素。
4. AngularJS 可以在 HTML 元素"背后"添加代码。
5. AngularJS 支持输入验证。

AngularJS所需环境

（1）首先安装node.js 

         因为最新的Node.js 下载之后会有自带的npm，所以我们只要下载Node.js就可以。

（2）npm（node package manager）node的包管理工具

         npm是什么 https://blog.csdn.net/knqiufan/article/details/78571947

三、安装过程

（1）首先安装node.js  安装包下载地址 https://nodejs.org/en/

         很简单，傻瓜式安装，下一步，下一步，安装完成后，

（2）cmd 进入nodejs安装目录，执行命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

 （这一步是通过国内的一个淘宝镜像下载cnpm）【这里用淘宝是因为国内对国外网站访问做了限制的原因】

cnpm下载成功之后，执行命令：

cnpm i -g @angular/cli --save-dev 

（通过已经下载好的cnpm去安装Angular 的 @angular/cli：Angular CLI是一个命令行界面工具，它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。）

下载完成之后，基本的angular 环境搭建完成。

四、然后我们新建一个项目

进入项目要存放的目录，我这里了就放在nodejs里面，执行命令：

ng new myproject

执行 ng new myproject  出错

解决方法: https://stackoverflow.com/questions/53132923/npm-warn-deprecated-circular-json0-5-9-while-install-angular-7

在使用angular CLI创建新应用程序之前，应使用以下命令，它会强有力地清理缓存。

npm cache clean --force

然后再创建项目

ng new myproject

需要稍等片刻，需要下载一些文件。。。。

创建完成后进入，输入命令：

ng serve

访问：