学习笔记《Bower》

Bower 是目前最流行的前端包管理工具,在为 Laravel 准备开发环境的时候,使用他来安装一些必备的前端组件是非常方便的

在 Bower 官网有一个组件搜索功能,是由 libraries.io 提供了,里面罗列了30个种不同的包管理工具的一些数据,提供对包进行数据追踪的商业服务,蛮有意思的

Bower 发端自 Twitter’s open source effort

安装配置:

首先在 Laravel 的项目根目录下面创建一个 bower.json 文件,内容为:

{
  "name": "xiaochouyu.me"
}

还需要创建一个 .bowerrc 文件来设置 bower 默认的程序安装目录:

{
  "directory": "resources/assets/bower"
}

然后先通过 npm 安装 bower:
sudo npm install -g bower
先初始化一下(会要求填写一些信息),在本地生成一个 bower.json 的文件保存相关信息:
bower init
通过 bower 安装 jQuery 和 Bootstrap:
bower install jquery --save
bower install bootstrap --save

以为就可以在浏览器中使用了:



然并卵,Laravel 的前端文件管理必须借助 sass 和 webpack,而不能直接访问安装的 js 和 css 文件,这个请具体参考以后 sass 和 webpack 的学习笔记,因为急用,所以先 hack 了

你可能感兴趣的:(学习笔记《Bower》)