一、问题描述
我用的是 windows 系统,今天安装了 bower 管理工具,使用的安装方式是全局安装 bower,操作命令如下:
npm install -g bower
安装完毕后,终端显示结果如下:
之后,进行环境变量配置,我在系统变量里添加了路径:
D:\npm\node_modules\bower\bin
最后,我使用命令:bower -v
查看 bower 是否安装成功,然而并没有出现我的预期效果,安装失败了,终端出现如下报错信息:so sad!!!
作为一名合格的程序员,出现问题别慌,找原因呗。
二、原因探究
究竟是怎么回事呢???
通过网上查看一些资料,我发现之所以出现报错是因为没有配置好全局模块的存放位置。 找到原因了,那问题就好解了,请继续看下文。
三、解决方式
我是这么解决的:
首先,前提是你已经安装好 node.js ,我的位置是 D:\app\node.js
。
全局模块安装默认放在 C:\Users\Administrator\AppData\Roaming\npm\node_modules
里面。
然后,使用如下命令配置模块安装:
npm config set prefix “D:\app\node.js\node_global”
npm config set cache “D:\app\node.js\node_cache”
最后,去配置环境变量:
-
① 在系统变量里新建
NODE_PATH
,值为D:\app\node.js\node_global
。 -
② 在用户变量上的path变量添加 D:\Program Files\nodejs\node_global。
-
③ 重启下电脑,之后再全局安装 bower:
npm i -g bower
,之后再查看bower -v
就可以显示版本号了,说明安装成功。
四、bower 的使用
全局安装 Bower 后,可以查看 Bower 的帮助信息,根据自己需要选择需要使用的命令。查看帮助信息的命令如下:
bower help
这里列举几个常用命令:
1.初始化当前工程的 bower,此操作会在当前目录下生成 bower.json 文件:
bower init
2.安装相关依赖库,使用如下命令即可:
bower install
例如安装 jquery:
bower install jquery
3.卸载某个特定类库,例如 jquery:
bower uninstall jquery
4.更新相关依赖库,使用如下命令即可:
bower update
例如更新 jquery:
bower update jquery