Windows7下nodejs+npm+bower安装教程
写在前面,这些天想了解一下最近几年大伙的angular.js。俗话说:“工欲善其事,必先利其器!”。便在园子里找安装开发环境的教程博客,虽然走了不少弯路,总的来说还是不错的,结合自己的安装经历,特记录下来,以便参考。
-
Node.js的安装:
nodejs官网:http://nodejs.org/ 下载地址:http://nodejs.org/download/
我下载的是64位的安装包:node-v0.12.4-x64.msi ![]()
- 下载完后, 双击安装包node-v0.12.4-x64.msi 进行安装, 安装过程可更改安装目录(建议安装在除系统盘外的其他盘), 然后一直下一步直安装完成即可, 安装过程默认是添加环境变量的。
检测安装状态:打开cmd命令行工具或者powershell(如果你的电脑上安装有),执行如下命令:
1 node -v
如果显示了版本号,说明安装成功。
- 下载完后, 双击安装包node-v0.12.4-x64.msi 进行安装, 安装过程可更改安装目录(建议安装在除系统盘外的其他盘), 然后一直下一步直安装完成即可, 安装过程默认是添加环境变量的。
-
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"
如果安装成功,打开Node.js的安装文件夹,大致为这样子:
如果没有node_cache文件夹,也没问题,只要在用命令行执行上面的命令时没有报错即可。 -
安装bower模块
在命令行使用如下的命令:
npm install bower -g
![]()
注意,这里“-g”这个参数意思是装到global目录下,也就是上面说设置的"D:\Program Files\nodejs\node_global"里面。待cmd里面的安装过程滚动完成后,会提示“bower”装在了哪、版本还有它的目录结构是怎样。
-
设置系统环境变量
进入计算机→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:\Program Files\nodejs\node_global\node_modules”。注意,路径视你自己的安装环境而定。
![]()
注意:在编辑环境变量时,不要使用中文哟,否则会出错。
-
检测安装效果
打开命令行工具,执行如下命令:
node
待出现">"后,再执行如下命令:
require ('bower')用途是测试下node的模块全局路径是否配置正确了。正确的话cmd会列出'bower'的相关信息。如下图:
![]()
如果没有达到上述效果,请检查'NODE_PATH'环境变量配置
-
设置'bower'环境变量
bower.cmd的路径:
![]()
添加系统环境变量'BOWER_PATH',值为:D:\Program Files\nodejs\node_global,然后在环境变量PATH后面追加 %BOWER_PATH%。
![]()
-
查看'bower'是否配置正确
使用如下命令:
bower -v
![]()
-
bower使用介绍
bower是一款非常强大的包管理工具, web前端开发用到的第三方插件可以通过bower search:http://bower.io/search/ 来搜索, 并用
命令格式:bower install 包名 进行安装。
写在最后,bower依赖git,如果你的计算机上没有安装git,可以查找相关教程。



如果没有node_cache文件夹,也没问题,只要在用命令行执行上面的命令时没有报错即可。





浙公网安备 33010602011771号