Bootstrap1.1:设置支出环境

        
能够利用yeoman.io,很便利。笔者已经写了一篇散文,介绍如何利用。那里也有一篇介绍的篇章:http://www.cnblogs.com/JoannaQ/p/3756281.html

       
代码编辑器,在Mac下用了一晃WebStorm,太恶心了。此外发现书的撰稿人利用的开发条件是Windows

  • VS Express 二零一三,为了方便学习,小编也应用VS Express 2012Update2。VS二〇一三用起来蛮舒服的,把WebStorm比得跟驼屎一样。或许是因为本身没用习惯吗。

一,安装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);

该公文,创立了3个主导的web
server,他在四千端口号上相应请求,为angularjs这些文件夹里的文书服务。那几个文件夹和Node.js的安装文件夹3个级别。

3、安装测试系统

AngularJS最首要的2个方面,就是提供单元测试。书中小编运用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

       
他会创立3个HTTP请求的监听,在伍仟端口号上。在浏览器里输入http://localhost:5000/test.html,即可查看test页。它装有bootstrap的意义。

相关文章