Gulp bower(1) DAY85

https://ithelp.ithome.com.tw/upload/images/20201123/20123039jARtTF3gmD.jpg

bower???
什麽是 bower??

https://bower.io/

bower 为前端套件管理工具(ex: jQuery,Bootstrap)

这时候就会纳闷 那npm又是什麽??
这里要说明一下

NPM 主要是管理由 Node.js 所开发的套件 (ex: babel,jade,Saass,Bower,gulp)
也就是 NPM 是 Node.js 的套件管理工具
所以 Bower 也是由 Node.js 开发

那要如何安装 bower??

全域安装

npm install bower -g 
bower init

安装套件

bower install bootstrap --save
bower install jquery --save

打开 bower.json
会看到我们刚刚安装的 bootstrap 与 jquery
这里也可以直接修改它的版本号
https://ithelp.ithome.com.tw/upload/images/20201123/20123039pOkxy1O32g.jpg

由於现在安装的套件都放在 bower-components
若我们不想把套件放在此资料夹
可删除bower-components 并新增一个 .bowerrc 的档案
并加入

{
    "directory": "vendors/"
}

然後输入 bower install
会发现套件都安装於 vendors 这个资料夹内了
https://ithelp.ithome.com.tw/upload/images/20201123/20123039MYV39pzyBO.jpg

那今天的介绍就到这里
若有任何问题 或 内容有误
都可以跟我说唷/images/emoticon/emoticon41.gif


<<:  WooCommerce 正式收购 MailPoet 电邮行销工具

>>:  [Golang]同步工具-sync包的Pool(上)-心智图总结

[想试试看JavaScript ] 物件

Javascript 中将资料型态分成,基本型别(Primitive)与物件型别(Object)两大...

AI ninja project [day 24] 决策树森林 --排名资料

随机决策树为随机生成许多决策树, 利用取袋法来取出选中的决策树, 而每棵树的都具有执行结果, 每棵树...

.NET 新手 无痛入职 _ Day1 前言

近几年AI火红 刚从澳洲打工渡假回国的我 就去进修了一下 三个月的AI课程 大约是每天8:30~17...

为了转生而点技能-JavaScript,day11(函式内的变数、Callback function

前言:本篇目的为简要纪录函式内的变数种类与功能、参数赋予及厘清Callback function的运...

【课程推荐】2021/11/6-11/7软件需求塑模与需求规格文件撰写实务班

课程目标 了解系统分析实务、系统分析工具之应用、逻辑资料库设计技巧、系统分析产出文件、同仁审查等,以...