企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 准备工作 * 安装node环境:node.js * 安装Git,bower从远程git仓库获取代码包:git简易指南 ## 安装bower 使用npm,打开终端,输入: ~~~ npm install -g bower ~~~ 其中-g命令表示全局安装 ## 开始使用 使用help命令查看帮助 ![](https://box.kancloud.cn/b8cd2449cf7ac12788f16de86792fd65_593x533.png) ## 自定义包的安装目录 首先进入项目目录下,新建文件1.txt 然后命令行进入项目目录下,输入命令重命名该文件为.bowerrc: ~~~ rename 1.txt .bowerrc ~~~ 这个.bowerrc文件是自定义bower下载的代码包的目录,比如现在我的项目结构如下图: ![](https://box.kancloud.cn/40c04104624046e83a6a9915c6a6669d_234x136.png) 那我的.bowerrc文件内容如下: ~~~ { "directory" : "js/lib" } ~~~ ## bower初始化 命令行进入项目目录中,输入命令如下: ~~~ bower init ~~~ 会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个bower.json文件,用来保存该项目的配置,如下: ~~~ { "name": "bb_boot", "version": "0.0.1", "authors": [ "savokiss <jaynaruto@qq.com>" ], "moduleType": [ "amd" ], "license": "MIT", "ignore": [ "**/.*", "node_modules", "bower_components", "js/lib", "test", "tests" ], "dependencies": { } } ~~~ ## 包的安装 下面终于开始安装需要的包了! 比如我要安装一个jquery,输入如下命令: ~~~ bower install jquery --save ~~~ 然后bower就会从远程下载jquery最新版本到你的js/lib目录下 其中--save参数是保存配置到你的bower.json,你会发现bower.json文件已经多了一行: ~~~ "dependencies": { "jquery": "~2.1.4" } ~~~ ## 包的信息 比如我们想要查找jquery都有哪些个版本,输入如下命令: ~~~ bower info jquery ~~~ 会看到jquery的bower.json的信息,和可用的版本信息 可以看到jquery最新的兼容版版本为1.11.3 ## 包的更新 上面安装的是最新版的高版本jquery,假如想要兼容低版本浏览器的呢? 已经查到兼容低版本浏览器的jquery版本为1.11.3,下面直接修改bower.json文件中的jquery版本号如下: ~~~ "dependencies": { "jquery": "~1.11.3" } ~~~ 然后执行如下命令: ~~~ bower update ~~~ bower就会为你切换jquery的版本了 ## 包的查找 还有一个很重要的功能,就是包的查找,比如我想要安装bootstrap的某个插件,但是记不住名字了,就可以直接在命令行输入: ~~~ bower search bootstrap ~~~ bower就会列出包含字符串bootstrap的可用包了 ## 包的卸载 卸载包可以使用uninstall 命令: ~~~ bower uninstall jquery ~~~