1.1:设置支出环境

        
可以使yeoman.io,很方便。我都写了扳平篇随笔,介绍如何行使。这里吧闹同一篇介绍的篇章:http://www.cnblogs.com/JoannaQ/p/3756281.html

       
代码编辑器,在Mac下用了瞬间WebStorm,太恶心了。另外发现书之撰稿人用的支付环境是Windows

  • VS Express 2013,为了方便学习,我耶使用VS Express 2013
    Update2。VS2013之所以起挺舒服的,把WebStorm比得及驼屎一样。也许是为自己从没因此习惯吧。

1、安装Node.js,没啥说的,去官网下载,安装。

2、然后安装Web
Server。作者采取Node.js的Connect自己写了个网页服务器。下面是装Connect模块。以管理员运行CMD,进入正Node.js的装路径,也便是Node的可执行文件所当路径,运行:

npm install connect

这个npm是node的管教安装器,它吗以Node的可执行文件所于路径下,用来下载模块必须的文本。

       
安装好connect模块后,在Node的可执行文件所于路下,新建一个Server.js文件,这个就是咱们的Web
Server了,代码如下:

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

拖欠文件,创建了一个着力的web
server,他当5000端口号及相应请求,为angularjs这个文件夹里之文书服务。这个文件夹和Node.js的安装文件夹一个级别。

3、安装测试系统

AngularJS最着重之一个方,就是提供单元测试。书中笔者运用Karma test
runner和Jasmine test
framework,他们少独都为大地利用,并容易使。安装命令:

npm install -g karma

于25章会就此到拖欠测试网。

4、创建项目路线

        我的Node.JS安装路径也C:\angularjs\nodejs
。我的品种路线也C:\angularjs\angularjs
。如果您以其他路线,请调整方面Server.js中之劳务路径。

4.1、下载AngularJS库

       
没啥说的,选择没有减少的康乐版,我拿其在项目之根本目录下。C:\angularjs\angularjs\angular.js。

4.2下载AngularJS扩展

       
在后来的节会就此到,这里一连下载了吧。包括touch,animate,mocks,route,sanitize,locale,同样位于项目根本目录下。

4.3下载Bootstrap

       
没啥说的,这里拿bootstrap.css和bootstrap-theme.css拷贝到路以及目录。本书不使bootstrap的JavaScript特性。

4.4不过选地,可以安装LiveReload

       
在Yeoman.IO中于带的来,用了生,很好用。简单来讲,就是这边代码编辑器里窜完,那边浏览器里不要刷新,就能够观看更新后底功用。

4.5下载Deployd

        这个以第六节才故到,现在优先不作了。

5、执行一个大概的测试

        在列文件夹下新建test.htmlAngularJS,代码如下:

<!DOCTYPE html>
<html ng-app>
<head>
<title>First Test</title>
<script src="angular.js"></script>
<link href="bootstrap.css" rel="stylesheet" />
<link href="bootstrap-theme.css" rel="stylesheet" />
</head>
<body>
<div class="btn btn-default">{{"AngularJS"}}</div>
<div class="btn btn-success">Bootstrap</div>
</body>
</html>

6、开始Web Server

        在Node.js安装路径下,执行下的指令:

node server.js

       
他见面创造一个HTTP请求的监听,在5000端口号上。在浏览器里输入http://localhost:5000/test.html,即可查看test页。它装有bootstrap的职能。

相关文章