Pro AngularJS学习笔记（一）

最新推荐文章于 2022-05-09 20:54:29 发布

麦秸草

最新推荐文章于 2022-05-09 20:54:29 发布

阅读量533

点赞数

分类专栏： AngularJS 文章标签： angularJS Javascript

本文链接：https://blog.csdn.net/majoroncg/article/details/52079688

版权

2 篇文章 0 订阅

订阅专栏

AngularJS围绕MVC框架构建，重要特点：

AngularJS是由GOOGLE发起并维护的开源Javascript库。并已被用在一些大型，复杂的web app中。

准备知识：

需要熟悉HTML和CSS。

安装Node.js

通常用于客户端web app开发的许多开发工具是用Javascript编写的，一般都基于Node.js来运行。Node.js基于与google chrome浏览器相同的JavaScript引擎，不同的是它可以在浏览器之外运行。提供了javascript程序开发的一个通用框架。

访问http://nodejs.org下载并安装相应平台的Node.js包（支持windows,Linux,Mac OS），确保安装了Package Manager(包管理器），并将安装目录添加到环境路径。

要测试Node.js是否已成功安装，只需打开命令行工具，并输入node.回车执行，然后输入如下代码：

function testNode() {return "Node已正常运行"}; testNode();

不出意外的话，将出现如下输出：

Node已正常运行

安装web服务器

简单的WEB服务器就可以满足运行条件，这里我安装了node.js内置的模块Connect。在node.js的安装目录下运行如下代码：

npm install connect

NPM是Node包安装器，它会自动下载connect所需的文件，并创建一个名为connect的目录。

下面，我们创建一个新的文件，取名为server.js（仍旧放在node.js的安装目录下），输入如下内容：

var connect = require('connect');
connect.createServer(
connect.static("../angularjs")
).listen(5000);

这个文件创建了一个简单的WEB服务器，用于响应来自端口号5000的请求，并将请求与目录下的angularjs目录进行关联——同样它也将建在node.js的安装目录之下。

安装测试系统：

这里使用了Karma test runner和Jasmine test framework，与前面相同，在命令行切换至nodejs安装目录并运行如下命令：

创建AngularJS目录，前面我们写的server.js中引用了一个名为angularJS的目录，而这个目录在nodejs目录下是不存在的，我们需要手工创建它。当然你也可以将其创建在其它位置，但不要忘记更改server.js中的设置。

下载AngularJS

由于angularjs官网使用了google的CDN加速，导致国内访问有点问题，所以请从以下地址下载相应的版本：https://code.angularjs.org/

关注

专栏目录