windows: npm 安装完 bower 后,提示 'bower' 不是内部或外部命令

lxf2023-05-05 08:39:01

一、问题描述

我用的是 windows 系统,今天安装了 bower 管理工具,使用的安装方式是全局安装 bower,操作命令如下:

npm install -g bower

安装完毕后,终端显示结果如下:

windows: npm 安装完 bower 后,提示 'bower'  不是内部或外部命令

之后,进行环境变量配置,我在系统变量里添加了路径:

D:\npm\node_modules\bower\bin

最后,我使用命令:bower -v 查看 bower 是否安装成功,然而并没有出现我的预期效果,安装失败了,终端出现如下报错信息:so sad!!!

windows: npm 安装完 bower 后,提示 'bower'  不是内部或外部命令

作为一名合格的程序员,出现问题别慌,找原因呗。

二、原因探究

究竟是怎么回事呢???

通过网上查看一些资料,我发现之所以出现报错是因为没有配置好全局模块的存放位置。 找到原因了,那问题就好解了,请继续看下文。

三、解决方式

我是这么解决的:

首先,前提是你已经安装好 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