📘
技术积累
  • 简介
  • 学习方法
    • 如何提高编程技能
  • 基础知识
    • Linux
      • Linux常用指令
      • rsync
      • VIM
      • tmate命令行分享
      • 命令别名存储
      • 项目服务器重启
    • 设计模式
    • 自动化接口使用
    • 项目经理培训
    • 报价策略
    • 培训材料撰写
  • 工具
    • Ajax
    • AutV
    • axios
    • Babel
    • bower
    • codecov
    • crypto
    • CSS3D
    • Docker
    • Echarts
    • Git
      • 如何删除项目
      • 多个ssh_key的生成与使用
      • 常用命令清单
    • Gitbook
      • Gitbook 更多配置
      • Markdown 标记示例
    • gulp
    • Istanbul
    • JEST
    • jMeter
    • js-md5
    • Kama
    • LESS Sass 编译工具Koala介绍
    • Lodash
    • Markdown
    • Maven
    • Moment
    • Nginx
    • NPM
    • NVM
    • particles.js粒子效果
    • PM2
    • Qs
    • Swagger
    • Webpack
    • Webpack
    • Yarn
    • Yeoman使用
  • 平台
    • 代码托管平台 GitLab
    • 代码安全平台 sonarqube
  • 语言和框架
    • 工作流
    • Angular
      • FUSE-Angular前端框架项目初始化
      • AngularJs-toaster-Angular提示弹框插件
      • ng-file-upload-Angular上传图片插件
      • ngclipboard-Angular复制到剪贴板插件
    • Vue
      • ElementUI-Vue前端框架项目初始化
      • clipboard使用
      • mobileSelect.js使用
      • vue-cookies使用
      • vue-fullpage使用
      • vue-router使用
      • Vue的Ref属性
      • Vuex使用
      • Vux使用
      • vux-uploader使用
      • Vue生命周期图例
      • iview-loader使用
    • cycleJs
    • ES6
      • async/await
    • react
      • react生命周期
      • create-react-app
      • Rematch
      • react-router
      • react-router-dom
      • css-in-js
    • TypeScript
      • VueAndTypeScript
    • 微信小程序
    • Hexo博客框架
      • Hexo博客框架-图片问题处理
      • Hexo博客框架-切换主题
    • SmartClient
    • HybridApp混合开发
      • uniapp
  • 代码审查
    • 代码命名规范
    • 页面代码结构
    • JavaScript标准编码风格
    • AirbnbJavaScript风格指南
  • 其他
    • 收藏|激发灵感的33套网页配色方案(附色值)
    • KPI&OKR
    • 测试自动化
    • view
    • 前端面试
      • 项目方面
      • html+css
      • JavaScript方面
      • JavaScript面试
      • 框架方面
      • 前端面试3+1
        • 20190420
        • 20190419
        • 20190418
        • 20190417
    • Linux面试题
    • JAVA面试
    • 测试面试
    • 钉钉使用
    • sd360
  • 前端知识积累
    • css3单位汇总
    • CSS解决loading效果
    • 深度克隆的方法
    • 加密技术
    • 解决ios下的微信页面背景音乐无法自动播放问题
    • 一套绝佳的图标字体库和CSS框架:Font Awesome
    • 关于ico图标不显示解决办法
    • 提升页面响应速度
    • innerHTML引入的script如何使用
    • JavaMap转Json
    • JS开发工具大全
    • 移动端插件
    • 移动端页面通过前端方法禁止ios页面横屏方法
    • 图片资源网站
    • 排序方式
    • 图片预览上传
    • Windows部署时脚本报错
Powered by GitBook
On this page
  • 第一章 bower简介
  • 第二章 bower安装使用
  • 1.1 bower安装
  • 1.2 bower使用
  • 2.3配置bower下载package的安装路径
  • 参考文档

Was this helpful?

  1. 工具

bower

常用命令说明

  • bower初始化

bower init
  • 查看插件是否存在于bower库

bower search [插件名称]
  • 安装插件并存储于项目依赖

bower install [插件名称] --save

bower install [插件名称] -S
  • 安装插件并存储于开发依赖

bower install [插件名称] --save-dev


bower install [插件名称] -D

第一章 bower简介

第二章 bower安装使用

1.1 bower安装

bower是基于nodeJS的前端包管理工具,bower需要远程git仓库获得资源,故而bower的安装应当具备:

  • node

  • npm

  • git

bower的安装:

npm install bower -g          #-g表示全局安装

1.2 bower使用

  • bower init

项目目录下,使用bower init创建bower.json文件

bower init
  • bower install

bower install [
<
options
>
]
bower install 
<
endpoint
>
 [
<
endpoint
>
 ..] [
<
options
>
]

这个指令将递归安装项目所需依赖;

其中endpoint可以是:

  • 一个package的名字例如:jquery,lodash..

  • 一个git端点例如: git@github.com:user/package.git或者

  • 一个文件地址

等等

option指的是:

  • -F/--force-latest 强制安装最新版本的package

  • --p/--production 不要安装项目依赖的devDependencies

  • -S/--save 将下载的安装包安装到bower.json的dependencies中

  • -D/--save-dev 将下载的安装包安装到bower.json的devDependencies中

  • -E/--save-exact 配置下载一个制定版本的package,而不是项目中必须依赖的版本

  • bower list

bower list可以查看当前目录下已安装的package以及可能的版本更新信息

  • bower lookup

查看pkg的url;

  • bower update

bower update 
<
pkg
>

将bower升级到最新的版本

  • bower uninstall

bower uninstall 
<
pkg
>

删除特定的 package;

  • bower cache

bower cache list
bower cache clean

2.3配置bower下载package的安装路径

创建.bowerrc文件:

{
  "directory": "app/dist"
}

配置这个选项,会将bower下载的安装包下载到app/dist目录下取代默认的bower_components路径

参考文档

  • bower官方文档:

  • .bowerrc配置文档:

PreviousBabelNextcodecov

Last updated 4 years ago

Was this helpful?

https://github.com/user/package.git
https://bower.io/docs/api/
https://github.com/bower/spec/blob/master/config.md