Angularjs Bootstrap is equipped with the front frame--Preparation work _angularjs

1. About what is angularjs and what is bootstrap I will not say more, simply, Angularjs is a relatively powerful front of the MVC framework, Bootstrap is a Twitter launched a front-end development of the Open Source Toolkit, Can quickly build a web front desk, you can go to the official website to see (angularjs:http://angularjs.org/, bootstrap:http://twitter.github.io/bootstrap/).

2.github has a relatively good pure Angularjs app seed, you can go to github download, address: Https://github.com/glitchtank/angular-seed-master.

3. We extract the downloaded Angular-seed-master-master.zip into a folder and then see the app's Project organization as follows:

app: This folder contains dependencies on CSS and JS as well as our pages that are related to our app.

CSS: A CSS file for a project

img: It's images.

JS: It is our project related JS, including controller, filter, service, etc.

Lib: We are relying on JS, including angular and bootstrap-related libraries

The other is some HTML file

Other folders do not need to know for a while, presumably some scripts (about node), and some for angular testing

4. Our project needs to start with node, if not too clear, it doesn't matter, look at my another blog: http://blog.csdn.net/jthink_/article/details/9707895 (Linuix and Windows under the same, It's really not Google.

5. Since we are under Windows, so we open a cmd, go into the Angular-seed-master-master folder, and then type the command node Scripts/web-server.js (or use supervisor Scripts/web-server.js If a supervisor is installed.

6. Open the Chrome browser (this is recommended to use chrome, or use the firefox,64 bit of the operating system can use Waterfox), enter the address: http://localhost:8000/app/ Index.html, you can see a simple page out, don't look at it simply, though small spite, all of the MVC related are included.

The above is the bootstrap with the front frame of the data collation, follow-up continue to supplement the relevant information, thank you for your support of this site!

Related articles:

                                 Angularjs Bootstrap carries the front frame--js Control Section
Angularjs Bootstrap with front frame--Basic page
Angularjs Bootstrap equipped with front frame--Preparation
Angularjs Bootstrap detailed and sample code