Node.js——bower简明入门教程
来源:互联网 发布:毕业生户口迁移 知乎 编辑:程序博客网 时间:2024/05/22 00:27
什么是bower
Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt,这个会在以后的文章中介绍。
准备工作
- 安装
node
环境:node.js - 安装
Git
,bower从远程git仓库获取代码包:git简易指南
安装bower
使用npm,打开终端,输入:
npm install -g bower
其中-g
命令表示全局安装
开始使用
使用help
命令查看帮助
自定义包的安装目录
首先进入项目目录下,新建文件1.txt
然后命令行进入项目目录下,输入命令重命名该文件为.bowerrc
:
rename 1.txt .bowerrc
这个.bowerrc
文件是自定义bower
下载的代码包的目录,比如现在我的项目结构如下图:
那我的.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
refer:Day 1: Bower —— 管理你的客户端依赖关系
原文链接:bower简明入门教程
- Node.js——bower简明入门教程
- bower简明入门教程
- bower简明入门教程
- bower简明入门教程
- bower简明入门教程
- bower简明入门教程
- bower简明入门教程
- 【node.js学习】--(5)--Bower
- Node.js入门教程——如何实现文件上传功能
- Node.js入门教程
- Node.js 入门教程
- node.js入门教程
- Node.js 入门教程
- bower简明入门
- Yeoman(Yo、Grunt、Bower),node.js学习笔记
- Yeoman(Yo、Grunt、Bower),node.js学习笔记
- Bower-node.js界的资源管理者 入门
- Node.js——初识Node.js
- 【容斥原理】1717 题解
- Ural 1040 Airline Company(构造)
- O
- 为什么struct x1{struct x1 stX};无法通过编译
- 10种简单的Java性能优化
- Node.js——bower简明入门教程
- 34.笔记go语言——内建函数
- ResourceManager(八)—— 在安卓机子上实现加载AssetBundle
- vs的使用技巧
- web开发中实现会话跟踪
- verilog简单驱动sram
- 给你的大杀器装备核弹——Windows下安装使用GPU版XGBoot详细参考指南
- 35.笔记go语言——array、slices和map
- URAL 1083|Factorials!!!|暴力