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.html,代码如下:

<!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的职能。

相关文章