Angularjs+bootstrap equipped with front-desk framework-preparation work

1. About what is angularjs and what is bootstrap I will not say, simply put, Angularjs is a more powerful front-end MVC framework, Bootstrap is a Twitter launch of the Open Source Toolkit for the development of the front, 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 good pure Angularjs app seeds, can go to github download, address:https://github.com/glitchtank/angular-seed-master .

3. We extract the downloaded Angular-seed-master-master.zip to a folder, and then we see the project organization of the app, as follows:

App: This folder contains the dependent CSS and JS as well as our pages, which are related to our app.

CSS: Put the project's CSS file

IMG: Put the images.

JS: Put in our project-related JS, including controller, filter, service, etc.

Lib: We rely on JS, including angular and bootstrap related libraries

The other is some HTML files

Other folders do not need to be known for the time being, presumably some scripts (about node), and some for the angular test.

4. Our project needs to start with node, if not very clear, okay, look at my other blog:http://blog.csdn.net/jthink_/article/details/9707895 (Linuix and Windows are pretty much the same, not really Google bar).

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

6. Open the Chrome browser (Chrome is recommended here, or the operating system using the FIREFOX,64 bit can use Waterfox), enter the address:http://localhost:8000/app/index.html , you can see a simple page come out, don't look at it simple, small perfectly formed, all the MVC related are included.

Angularjs+bootstrap equipped with front-desk framework-preparation work