Bower

在yii中引用php的开源项目用composer已经很方便了，引用前端的开源项目也有composer的插件fxp-asset和Asset Packagist 以前yii默认采用前者，现在新的yii2模版默认采用后者，后者的作者就很厉害了，貌似是个重度yii用户，看来是被fxp-asset的执行缓慢给弄急眼了，所以自己搞了个更新的方法。言归正传：所以更快速的安装方式就是 Asset Packagist https://asset-packagist.org 其实就是2步： 在config中关闭fxp-asset的调用在源列表中加入asset-packagist库的配置"config": { "process-timeout": 1800, "fxp-asset": { "enabled": false } }, "repositories": [ { "type": "composer", "url": "https://asset-packagist.org" }]需要注意的是，yii在yii\base\Application 中定义vendor路径的时候也定义了bower和npm路径： /** * Sets the directory that stores vendor files. * @param string $path the directory that stores vendor files. */ public function setVendorPath($path) { $this->_vendorPath = Yii::getAlias($path); Yii::setAlias('@vendor', $this->_vendorPath); Yii::setAlias('@bower', $this->_vendorPath . DIRECTORY_SEPARATOR . 'bower'); Yii::setAlias('@npm', $this->_vendorPath . DIRECTORY_SEPARATOR . 'npm'); }这就和asset-packagist的默认安装路径有了差别解决办法：重新定义yii中的bower和npm路径 ...

Bower了解bower是twitter的一个开源项目，使用nodejs开发，用于web包管理。如果越来越多得开源项目都托管在github上，bower只需要将github上项目加上一个配置文件既可以使用bower方式使用安装包。作为包管理，bower能提供添加新web包，更新web包，删除web包，发布web包功能，管理包依赖。web包通常认为由html+css+javascript构成。 环境依赖bower是依赖于 Node.js的，所以安装之前需要Node环境，Node.js官网 安装最新版本，然后命令行中严重是否安装成功 node -v //版本号查询 我的是v10.16.0安装Bowerbower官网 优点：项目依赖安装，可以固定资源文件，支持资源版本升级，可以支持缓存安装等全局安装bower npm install -g bower //如果你觉得npm安装较慢，可以用淘宝镜像cnpm安装安装完成后，查询版本号 bower -v //如果出现对应的版本号说明安装成功Bower 使用创建文件夹（以我的为例，创建了一个空文件夹bowerDemo），然后命令行到该空文件下 cd bowerDemo初始化bower bower init会提示你输入一些基本信息，根据提示按回车或者空格即可，然后会生成一个bower.json文件，用来保存该项目的配置 插件安装接下来你就可以安装插件了，比如安装下载jquery,在根目录先输入下面命令安装 bower install jquery --save安装成功后你就会在跟文件夹里看到一个bower_components文件夹，这也是插件默认的文件夹 你也可以输入命令查询包的信息，输入命令后会出现包的所以版本，然后你就可以更新安装不同的版本 bower info jquery //包的信息bower update //包的更新bower uninstall jquery //包的卸载这就是一个简单的bower的安装以及插件包的下载 当然，这些仅仅是不够的，作为一个前端开发，有时候会写很多html，css，js页面，甚至每次创建新的项目，都要用同样的模板，所以这个时候，就用到bower的注册功能，把自己的包或者插件发布到bower平台，并下载使用。 bower平台发布插件并下载首先打标签（假设你已经把项目模板发布到github上面），在你的本地仓库根目录下运行下面命令 // -a是添加 标签名，一般写版本号, -m为标签添加注释信息git tag -a 1.0.0 -m “version info″// –tags参数表示提交所有tag至服务器端，普通的git push origin master操作不会推送标签到服务器端git push origin --tags一切准备就绪后，开始注册插件 bower register projectName 项目的github地址 eg：bower register fontend https://github.com/mengnn/fontendGet.git这样，你的插件就注册成功了，你就可以在你的项目根目录下下载你的插件（模板），也就不用每次重复的copy bower install fontend --save-dev //fontend是我注册的插件名称运行成功，你就可以看到你的模板下载到你的项目文件夹下面，just so so！ ...