[原创作品] web项目构建(一)

今天开始，将推出web项目构建教程，与《javascript精髓整理篇》一并更新。敬请关注。

这篇作为这一系列开头，主要讲述web项目的构建技术大全。在众多人看来，web前端开发无非就是写写页面，再加个js弹个窗什么的。因此，认为前端开发的薪资应该稍微会低一点。这样，项目的质量也得不到保证。其实，在一般的web应用开发，比如做个官网啊什么的，工作量很明显前端会大于后端。

如今，大一点的项目，少则几十个页面，多则几百个页面。并且管理起来会特别繁琐。今天讲述一个构建工具之一，bower。

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在以后的文章中介绍。

一、工具搭建

首先需要安装nodejs和npm。之后，执行命令 npm install -g bower。这样就安装了bower工具。

然后，需要安装git代码管理工具，因为bower构建项目是依赖于开源项目github。

这样，就可以使用bower来获取例如jq ng之类的标准库了。

二、使用方法

在需要的项目中的终端运行 bower install jquery html5-boilerplate  这样就可以安装jq  html5-boilerplate到你的工程了。

会在你工程的app文件夹下找到相关的目录

需要注意的事项，必须要安装git.

其次，是在使用的时候，使用dist目录下的文件，src的是源文件。

bower的其他命令，我们可以用bower help来查看：

原创作品。转载请注明出处。http://zhutty.cnblogs.com