[原创作品] 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

原文地址:https://www.cnblogs.com/zhutty/p/5009645.html