bower install安装准备步骤

  在寻找前端或Javascript/CSS资源时,经常会看到安装方法:bower install XXXX,XXXX是我们需要安装的资源,可是如何准备这样一个bower install安装环境?下面以windows环境为例:

首先需要安装NPM,熟悉Node.js的应该知道是随着Node.js一起安装的,建议安装Node.js Windows安装包。安装好Node.js,npm也就有了。

第二步,我们需要修改国外NPM的地址为国内淘宝镜像,否则很难连接到国外网址:

npm config set registry http://registry.cnpmjs.org

下面我们就可以安装bower

npm install bower

安装完成bower以后,我们也许急不可耐直接运行bower install XXXX,但是会报错:

bower XXXX  ENOGIT git is not installed or not in the PATH

这是因为我们没有安装Git客户端并配置,就不能从Github上下载相关项目。

百度搜索一下git windows下载,从国内网站下载,国外git windows下载是从亚马逊云平台上,这个地址被屏蔽了。

安装完成git windows客户端后,需要将git.exe所在文件目录加入windows环境变量路径,从“我的电脑”的“属性”中,选择:高级系统设置->高级->环境变量,假设你的git安装在c:\Program Files (x86)\Git\bin目录下,将这个字符串加入Path原有的路径后面即可。

完成后,重新再次打开CMD命令窗口运行bower install XXXX

应该大功告成。

安装完成后,在当前目录有一个bower_components目录,进入后就是你安装的XXXX。

这是也许你需要Grunt, RequireJS, Yeoman等工具继续进行安装定制插件模块或构建。

或者在html可以直接使用,下面是使用jquery:

<script src="bower_components/jquery/dist/jquery.min.js"></script>

 

Javascript专题