bower安装入门
来源:互联网 发布:黄磊i知乎 编辑:程序博客网 时间:2024/05/16 11:10
安装bower前的一些准备工作
1、首先在系统下载安装node.js
2、下载安装Git,bower从远程git仓库获取代码包。具体操作可看:Git 上传代码到远程仓库以及从远程库克隆
开始安装bower
bower可以使用npm安装,新建一个空的练习文件夹(本次练习命名为bower),在命令行中转到该文件夹后执行下述指令就可以完成安装。
1、在命令行下切换到当前目录下输入以下命令(本次练习采用局部安装)如下图:
//全局安装
npm install -g bower
//安装到你的项目目录
npm install --save-dev bower
2、安装完bower后,在命令行执行bower help,可以查看Bower的帮助信息,如图:
3、初始化当前工程的bower,在命令行下执行bower init命令 会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个bower.json文件,用来保存该项目的配置,如图:
bower.json文件
{ "name": "bower", "description": "", "main": "", "license": "MIT", "homepage": "", "private": true, "ignore": [ "**/.*", "node_modules", "bower_components", "test", "tests" ], "dependencies": { }}
注:windows下bower初始化时不应该在git bash中,而应该在cmd下打开的dos窗口中进行。
包的安装
1、使用bower安装某个特定类库,例如jquery: 在命令行执行 bower install jquery --save命令,bower就会从远程下载jquery最新版本到你的dist目录下
其中--save参数是保存配置到你的bower.json,你会发现bower.json文件已经多了一行:
"dependencies": {
"jquery": "^3.2.1"
}
查看包的信息
在命令行执行bower info jquery 命令,可查看jquery都有哪些版本,如图:
包的更新
1、如果你想修改当前下载的jquery版本,可直接在 bower.json 文件下修改 jquery 版本号,比如想把当前版本修改jquery为1.11.3版本,如下:
"dependencies": {
"jquery": "~1.11.3"
}
2、修改好后,在命令行执行 bower update 命令,bower就会为你切换jquery的版本了,如图:
包的查找
1、比如我想安装bootstrap的某个插件,可在命令行执行bower search bootstrap命令,bower就会列出包含字符串bootstrap的可用包了,如图:
2、在命令行执行git clone https://########.git 命令,即可把想要的插件克隆到本地目录下,如图:
包的卸载
在命令行下执行 bower uninstall jquery命令,就看把下载下来的包卸载,如图:
- bower安装入门
- bower入门
- bower 入门
- bower入门
- 安装bower
- angularjs && bower安装和使用 入门级安装 直接上手
- bower入门与技巧
- bower初级入门
- bower使用入门
- bower简明入门
- Bower的入门
- bower 常用包安装
- bower 的安装使用
- npm、bower安装
- bower安装和操作
- 安装gulp和bower
- Grunt+Bower基础教程,入门篇
- 【bootstrap】使用bower安装bootstrap
- 超大数据量排序
- 22---加密解密原理及openssl
- 超过一定字数 现实为 “更多”
- android消息机制之理解Looper
- ServletContextListener使用详解
- bower安装入门
- 特色班级聚会
- 织梦当前栏目样式不同的解决方法
- c++输入函数
- 安装EJBCA的打印信息
- 光标 换为 自定义图片
- shiro-helloworld(2)
- oracle update、delete或者drop误操作如何恢复之前是数据
- 2017 计蒜之道 初赛 第一场 A. 阿里的新游戏