bower入门

最新推荐文章于 2019-01-21 15:41:10 发布
最新推荐文章于 2019-01-21 15:41:10 发布
阅读量317 收藏
点赞数
分类专栏： Javascript 文章标签： javascript 管理 bower
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Merciwen/article/details/73741694
版权

什么是bower

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源

前提环境

node
git

安装bower

npm install -g bower  （-g安装全局）

自定义包的安装目录

1.创建 .bower 文件
2.在里面添加
{
  "directory" : "public/lib"  //所有包安装在public/lib 文件下
}

bower初始化

bower init 

会生成`bower.json`文件里面有一些bower的配置信息，便于环境移植

安装

bower install bootstrap

这里写图片描述

就会生成一个bower_components的文件 里面是我们需要的包文件

这里写图片描述

卸载

bower uninstall jquery

//---
$ bower uninstall bootstrap
bower uninstall     bootstrap
bower uninstall     jquery
凌晨独舞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
kickoff-bootstrap-3:_s + Gulp + Bower入门WordPress主题
05-23
启动-Bootstrap 3 启动是Automattic的 WordPress入门主题的分支，其中包括Gulp和Bower。预安装使用启动需要具备命令行的基本知识和以下依赖项： 节点（ npm install Gulp（ ） npm install --global gulp Bower（ ）...
bower基本使用
junjiahuang的博客
10-21 220
初始化npm npm init -y 全局安装bower npm install bower -g 查看版本 bower -v 项目下初始化bower bower init -y 查找包 bower search xxx 自定义安装目录(默认生成目录：/bower_components/xxx) 手动新建.bowerrc 文件 { 'directory':'src/lib' } 更新...
针对ES6各主流浏览器支持情况
热门推荐
大道至简
12-04 2万+
Browser Version Date Chrome 58 Apr 2017 Firefox 54 Jun 2017 Edge 14 Aug 2016 Safari 10 Sep 2016 Opera 55 Aug 2017
Starter:My Grunt 和 Bower Wordpress 入门主题
06-03
它们在"Starter: My Grunt 和 Bower Wordpress 入门主题"项目中扮演着关键角色，帮助开发者构建和管理WordPress主题。 **Grunt** Grunt是基于Node.js的任务运行器，它允许开发者通过编写配置文件定义一系列自动化...
AngularJS入门PPT
08-14
全局安装bower：`npm install -g bower` 3. 在项目中安装AngularJS：`bower install --save angular` ##### 第一个AngularJS程序 1. 使用Node.js、npm和bower搭建开发环境。 2. 使用命令行安装AngularJS：`bower ...
angular-requirejs-seed:Angularjs Requirejs Bower Grunt和Bootstrap的入门项目
05-24
Angularjs Requirejs Bower Grunt和Bootstrap的入门项目 入门 分支或克隆此项目，重命名并运行以下命令来设置环境。 您需要和才能正常工作。 首次安装依赖项： $ npm install -g grunt-cli $ npm install -g bower...
Starter-Kit:包含 Bourbon、Bower 和 Grunt 的网站入门套件
06-05
入门套件包含 Bourbon、Bower 和 Gulp 的网站入门套件安装安装用法运行命令'gulp watch' 在 /src 目录中工作当 watch 命令运行时，所有的 SASS、html 和 Javascript 都将被编译并压缩到 /build 中。 要在本地查看您...
async await 的原理
MaRain
07-08 1万+
前言 在公司的项目中，我们经常用到async await 这样的函数，它的作用也很奇特，可以让异步的函数等待异步执行的结果出来再继续往下进行。我一直很好奇这是怎么做到的，它内部的机理是怎么样的，就一个关键词在函数前面加async，在异步操作前面加await就可以做到。他是怎么做到的呢？ 再抛出几个问题 1 出处在哪里 现在我们用的vue项目就会把我们的语法打包编辑成浏览器可以识别的...
js 中的活动对象
MaRain
06-16 9195
活动对象在JavaScript中，当一个函数被调用的时候，就会产生一个特殊的对象：活动对象。这个对象中包含了参数列表和arguments对象等属性。由于活动对象是变量对象的特例，因此它包含变量对象所有的属性如变量定义，函数定义等。当代码执行到func(print, “hello”)时，活动对象被创建，这个活动对象的图形示意如下：function func(handle, message){
Vue 做新闻展示页
MaRain
06-12 9063
需求1. 做一个新闻展示页 2. 新闻分类可以自定义 3. 每类新闻的内容，样式不一样 4. 上拉加载新的数据 5. 点击进入详情页，再返回时，定位到原来的位置 图片展示 采用的技术轮播图使用：swiper zepto.js vue.js vue.resource.js vue-router.js 滑动插件：iscroll.j
iOS下无法触发focus事件的问题
MaRain
08-30 8211
前提我的思路需要在点击事件之后，先让一个input元素失去焦点，再让另一个input 元素获取到焦点，代码如下： $('#xd_content .tabcontent .nav').on('click', function () { $('#xd_content ').blur(); setTimeout(function () { $(
js 中的执行上下文
MaRain
06-16 7989
先看现象demo1: <script> console.log(a);//Uncaught ReferenceError: a is not defined </script>demo2: <script> console.log(a); //undefined var a; </script>demo3: <script> console.log(a); //und
JS 传递的是函数 怎么带参数
MaRain
09-11 7692
问题一 ：function a(type){ alert(type); } setTimeout(a,3000) 这里的 a 是函数，我怎么给a 传递参数解决一function a(type){ alert(type); } setTimeout(function(){ a('123') },3000) //多套一层函数，在函数里面赋值，调用函数 解决二function
js 中的作用域链
MaRain
06-16 7604
作用域链每段js代码都有一个与之关联的作用域链。这个作用域链是一个对象列表或者链表.这组对象定义了这段代码“作用域”中的变量，当js需要查找变量x的时候，（变量解析），他会从链中的第一个对象开始找，如果第一个对象不存在名为X的属性，js会继续向上找链的下一个对象。如果第二个对象中依然没有名为X的属性。则会继续找下一个。 以此类推。如果作用域链上没有一个对象含有属性X，那么就认为这段代码的作用域链上
js 中的闭包
MaRain
06-06 7554
闭包闭包，我认为就是一种打破全局变量和局部变量的一种方法。一个作用域并没有在他相应的词法作用域的地方被执行，就是闭包//全局变量 var n = 10; function foo(){ console.log(n); } foo() //10 局部变量可以查看全露变量//局部变量 function foo(){ var n = 10; } foo() console.log(n);//n is no
IOS input 光标大小调整
MaRain
10-12 6144
前言在项目中做移动端页面，发现IOS 的光标大小很大，和安卓的完全不一样，思考怎么调整大小，搜索之后发现，里面挺好玩的。觉得是可以总结一下的。结论IE：不管该行有没有文字，光标高度与font-size一致。 FF：该行有文字时，光标高度与font-size一致。该行无文字时，光标高度与input的height一致。 Chrome：该行无文字时，光标高度与line-height一致；该行有文字时，
移动端position:fixed滑动问题
MaRain
08-06 5820
前提在任务中需要我在页面上使用position：fixed 和 overflow：scroll 这两个属性，结果在手机端出现头部也跟着滑动的现象。那么怎么来处理这个现象呢？解决办法分别把position：fixed 和 overflow：scroll 两个属性分开到两个box中。<div style=" overflow : scroll"> <div style="position:f
HTML+CSS知识点总结（一）
MaRain
06-15 5168
Doctype 作用？ 标准模式与兼容模式各有什么区别?（ 1） <!DOCTYPE>声明位于位于 HTML 文档中的第一行， 处于 <html> 标签之前。 告知浏览器的解析器用什么文档标准解析这个文档。 DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。 （ 2） 标准模式的排版 和 JS 运作模式都是以该浏览器支持的最高标准运行。 在兼容 模式中，页面以宽松的向后兼容的方式显示,模拟
parseFloat的使用
MaRain
01-21 5127
作用 parseFloat()函数 可解析一个字符串，并返回一个浮点数。 例子 &lt;script&gt; document.write(parseFloat("10") + "&lt;br&gt;"); 10 document.write(parseFloat("10.33") + "&lt;br&gt;"); 10.33 document.write(parseFlo
AngularJS入门教程：从基础到路由配置
"AngularJS入门PPT" AngularJS是一款由Google维护的JavaScript框架，主要用于构建单页面Web应用程序。它旨在简化Web开发，通过扩展HTML的功能，让开发者能够使用声明式语法来处理动态内容，从而减轻了编写和测试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值