1. I won’t say much about what AngularJs is and what bootstrap is. Simply put, AngularJs is a relatively powerful front-end MVC framework. bootstrap is an open source toolkit for front-end development launched by Twitter. It can quickly build a web front-end. You can go to the official website to check it out (AngularJs: http://angularjs.org/, bootstrap: http://twitter.github.io/bootstrap/).
2. There is a relatively good seed of the pure AngularJs app on github. You can download it at github. Address: https://github.com/glitchtank/angular-seed-master.
3. We unzip the downloaded angular-seed-master-master.zip to a folder, and then we will see the project organization of this app, as follows:
app: This folder contains dependencies related to our app, CSS and JS, as well as our pages, etc.
css: The project's css file is placed
img: what's put images
js: What is putting on the js related to our project, including controller, filter, service, etc.
lib: What we place is the js we rely on, including Angular and Bootstrap-related libraries
Some other html files
There is no need to know other folders for the time being, probably some scripts (about node), and some for Angular testing
4. Our project needs to be started with node. If you don’t know it, it doesn’t matter. Look at my other blog: http://blog.csdn.net/jthink_/article/details/9707895 (Linuix is similar to Windows, so if you really don’t know how to google it).
5. Since we are under Windows, we open a cmd, enter the angular-seed-master-master folder, and then type the command node scripts/web-server.js (or use supervisor scripts/web-server.js if supervisor is installed).
6. Open the chrome browser (it is recommended to use chrome or firefox here. The 64-bit operating system can use waterfox), enter the address: http://localhost:8000/app/index.html, and you can see a simple page coming out. Don’t look at it simple. Although it is small, all MVC-related items are included.
The above is a compilation of information about Bootstrap equipped with the front-end framework. We will continue to add relevant information in the future. Thank you for your support for this site!
Related articles:
AngularJs bootstrap is equipped with the front-end framework - js control part
AngularJs bootstrap is equipped with front-end framework - basic page
AngularJs bootstrap equipped with front-end framework - preparation work
AngularJs bootstrap detailed explanation and sample code