1.1:设置支出条件

  • VS Express 二零一二,为了便利学习,小编也选取VS Express 二零一三Update2。VS2012用起来蛮舒服的,把WebStorm比得跟驼屎一样。恐怕是因为作者没用习惯吗。

4.1、下载AngularJS库

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

4.2下载AngularJS扩展

4.3下载Bootstrap

       
没啥说的,那里将bootstrap.css和bootstrap-theme.css拷贝到品种跟目录。本书不接纳bootstrap的JavaScript本性。

npm install connect

       
他会创制多个HTTP请求的监听,在5000端口号上。在浏览器里输入http://localhost:5000/test.html,即可查看test页。它具有bootstrap的功效。

叁 、安装测试系统

node server.js

在25章会用到该测试系统。

6、开始Web Server

AngularJS最要紧的多个上面,就是提供单元测试。书中小编采纳Karma test
runner和Jasmine test
framework,他们五个都被大面积地运用,并简单使用。安装命令:

贰 、然后安装Web
Server。笔者利用Node.js的Connect自个儿写了个网页服务器。上边是设置Connect模块。以管理员运营CMD,进入刚刚Node.js的安装路径,也正是Node的可执行文件所在路径,运维:

       
代码编辑器,在Mac下用了一下WebStorm,太恶心了。其它发现书的作者运用的开支条件是Windows

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

<!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>

       
没啥说的,选择没有滑坡的稳定版,作者将它置身项目的根目录下。C:\angularjs\angularjs\angular.js。

        
能够利用yeoman.io,很有益。作者一度写了一篇随笔,介绍怎么着使用。那里也有一篇介绍的小说:http://www.cnblogs.com/JoannaQ/p/3756281.html

4.4可选地,能够安装LiveReload

        在档次文件夹下新建test.html,代码如下:

伍 、执行一个简单的测试

        在Node.js安装路径下,执行上面包车型地铁一声令下:

        这几个在第6章才用到,以往先不装了。

四 、创设项目路线

本条npm是node的包安装器,它也在Node的可执行文件所在路径下,用来下载模块必须的文书。

npm install -g karma

       
在Yeoman.IO中自带的有,用了下,很好用。一句话来说,正是那边代码编辑器里修改完,那边浏览器里并非刷新,就能看出更新后的效益。

       
安装好connect模块后,在Node的可执行文件所在路径下,新建1个Server.js文件,那些正是大家的Web
Server了,代码如下:

Node.js,       
在后头的章节会用到,那里一并下载了吗。蕴涵touch,animate,mocks,route,sanitize,locale,同样位于项目根目录下。

该文件,创立了2当中坚的web
server,他在6000端口号上相应请求,为angularjs这么些文件夹里的文件服务。那几个文件夹和Node.js的安装文件夹3个级别。

        小编的Node.JS安装路径为C:\angularjs\nodejs
。小编的门类路线为C:\angularjs\angularjs
。借使您利用其余途径,申请调离整方面Server.js中的服务路径。

4.5下载Deployd