Windows环境下的NodeJS+NPM+Bower安装配置

By | 2016年4月22日

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台, 用来方便地搭建快速的 易于扩展的网络应用· Node.js 借助事件驱动, 非阻塞I/O 模型变得轻量和高效, 非常适合 运行在分布式设备 的 数据密集型 的实时应用。

方法/步骤

  1. 进入nodejs官方网站下载软件(nodejs.org),

    Windows环境下的NodeJS+NPM+Bower安装配置

    Windows环境下的NodeJS+NPM+Bower安装配置

  2. 下载完成后,双击默认安装。安装程序会自动添加环境变量

    Windows环境下的NodeJS+NPM+Bower安装配置

  3. 检测nodejs是否安装成功。打开cmd命令行 输入 node – v 显示当前版本号

    Windows环境下的NodeJS+NPM+Bower安装配置

  4. 检查npm是否安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行中键入 npm -v

    Windows环境下的NodeJS+NPM+Bower安装配置

  5. npm作为一个NodeJS的模块管理,之前我由于没有系统地看资料所以导致安装配置模块的时候走了一大段弯路,所以现在很有必要列出来记录下。我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令:

    npm config set prefix "D:\Program Files\nodejs\node_global"

      和

    npm config set cache "D:\Program Files\nodejs\node_cache"

  6. 下面这一步非常关键,我们需要设置系统变量。进入我的电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:\Program Files\nodejs\node_global\node_modules”。

  7. 上面是加入系统变量,我们需要设置用户变量。进入我的电脑→属性→高级→环境变量。在用户变量下“PATH”,输入“D:\Program Files\nodejs\node_global\”。与前面的其它用户变量用英文分号隔开。

  8. 安装bower, npm install bower -g; -g表示全局

    输入 node,

    require('bower') 显示如下表示 安装成功!

    Windows环境下的NodeJS+NPM+Bower安装配置

    END

  注意事项

  • 添加环境变量这一步比较关键。可能需要重启才生效。

9. 下面用bower安装bootstrap:

    先安装github, 给bower安装bootstrap用

    用bower安装bootstrap组件:bower install bootstrap 

 2

    下载的bootstrap和jquery在 C:\Users\用户\bower_components 目录中,因为此目录是当前默认目录。 如果当前安装时, 是处于项目目录中时,bootstrap和jquery就是在项目目录中。

    我们漫游到项目目录中,再重新安装一下。

 1

3项目中已有了

 

    用bower list 命令测试所有的依赖项是否正常。

 

 

10. 用bower安装uploadify 上传组件

    bower install uploadify

 4

 5

11. bower常用命令

    bower uninstall xxx

    bower update xxx

Category: js