第一 下载node
网址https://nodejs.org/en/
安装过程基本直接“NEXT”就可以了。
安装完成之后,我们先检测下NodeJS是否安装成功,cmd命令行中键入:
node -v
若出现版本提示,就说明安装成功了
npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行中键入:
node -v
同样,若出现版本提示,就说明安装成功了
第二 对于windows用户,还需要装msysgit
在官网中下载即可
第三 全局安装 bower
npm install -g bower
全局安装bower 后,可以查看Bower的帮助信息和版本信息,使用命令:
bower help
版本信息
bower --v
第四 初始化当前工程的bower
此操作会在当前目录下生成bower.json文件:
bower init
第五 bower的使用
使用了bower的项目都会在目录下有一个bower.json文件。在该文件同级目录下,使用如下命令即可安装相关依赖库。
bower install
注:bower下载安装依赖库实际上是使用git进行下载。对于linux系统,由于默认都有安装git,所以一般没问题。但是windows系统一般没有git。在windows系统下需要确定安装了git客户端,建议使用同捆的git bash命令行来执行bower install命令。或者把git目录加入windows的环境变量中,再在命令行中执行bower install命令。
第六 使用bower
安装某个特定类库,例如jquery
bower install jquery --save
更新:使用bower更新某个特定类库,例如jquery:
bower update jquery
删除:例如jquery (如果包已经被依赖,则不能删除)
bower uninstall jquery
试着在项目文件夹下,下载jquery
bower install jquery --save
然后就可以看到项目文件夹下多了bower_components(默认目录),就是jquery插件包了
初步这样也就行了,但是/bower_components这个目录有点让人不习惯,我想把东西下载到我习惯的目录里。需要加一个.bowerrc文件。注意,不需要名字什么的,只要新增一个.bowerrc就行了。
第七 用cmd命令创建.bowerrc文件文件
如下
type null >.bowerrc
第八、.bowerrc配置
{
"directory" : "js/feng",
"json" : "",
"endpoint" : "",
"searchpath" : "",
"shorthand_resolver" : ""
}
第九、同样的cmd命令再执行一遍,这次可以看到文件下载到js/feng中了。
原博客地址:https://blog.csdn.net/ahaha413525642/article/details/77622833d