带有前台框架——的AngularJs自举的准备

1.关于什么是AngularJs，什么是bootstrap，我就不多说了。简单来说，AngularJs是一个强大的前端MVC框架，bootstrap是Twitter推出的一个面向前端开发的开源工具包，可以快速搭建web前端，大家可以去官网看看(Angular JS:http://angularjs.org/, Bootstrap:http://twister . github . io/Bootstrap/)。

2.github上有一个很好的纯AngularJs应用种子，可以从https://github.com/glitchtank/angular-seed-master.的Github下载

3.我们将下载的angular-seed-master-master.zip解压到一个文件夹中，然后我们会看到这个应用的项目组织，如下所示：

App:这个文件夹包含与我们的app和页面相关的css和js。

Css:是项目的css文件

Img:是图像

Js:与我们项目相关的js，包括控制器、过滤器、服务等。

Lib:我们依赖的是js，包括Angular和Bootstrap相关的库

其他的是一些html文件

其他文件夹暂时不需要知道，可能有些脚本(关于节点)，有些用于Angular测试

4.我们的项目需要从节点开始。如果不清楚，也没关系。读读我的另一篇博客：http://blog.csdn.net/jthink_/article/details/9707895(Linuix和windows下的类似，所以不仅仅是谷歌)。

5.由于我们在windows下，我们打开一个cmd，进入angular-seed-master-master文件夹，然后键入命令节点scripts/web-server.js(如果安装了supervisor，则使用supervisor scripts/web-server . js)。

6.打开chrome浏览器(这里推荐chrome，或者64位操作系统可以用firefox)，输入地址：http://localhost :8000/app/index . html，可以看到一个简单的页面，虽然简单，麻雀小而全，包含了所有MVC相关的信息。

以上是Bootstrap前台框架的数据整理，后续继续补充相关数据。感谢您对本网站的支持！

相关文章：

AngularJs bootstrap配备前台框架——js控制部分AngularJs bootstrap配备前台框架——基础页面AngularJs bootstrap配备前台框架——准备工作AngularJs bootstrap详细说明和示例代码