Windows7下nodejs+npm+bower安装教程

写在前面,这些天想了解一下最近几年大伙的angular.js。俗话说:“工欲善其事,必先利其器!”。便在园子里找安装开发环境的教程博客,虽然走了不少弯路,总的来说还是不错的,结合自己的安装经历,特记录下来,以便参考。

  1.   Node.js的安装:
      nodejs官网:http://nodejs.org/ 下载地址:http://nodejs.org/download/
      我下载的是64位的安装包:node-v0.12.4-x64.msi
    1. 下载完后, 双击安装包node-v0.12.4-x64.msi 进行安装, 安装过程可更改安装目录(建议安装在除系统盘外的其他盘), 然后一直下一步直安装完成即可, 安装过程默认是添加环境变量的。

      检测安装状态:打开cmd命令行工具或者powershell(如果你的电脑上安装有),执行如下命令:

      1 node -v

             
      如果显示了版本号,说明安装成功。                                                                                                                                                       

  2. 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文件夹,也没问题,只要在用命令行执行上面的命令时没有报错即可。

  3. 安装bower模块

     在命令行使用如下的命令:

    npm install bower -g

    注意,这里“-g”这个参数意思是装到global目录下,也就是上面说设置的"D:\Program Files\nodejs\node_global"里面。待cmd里面的安装过程滚动完成后,会提示“bower”装在了哪、版本还有它的目录结构是怎样。

  4. 设置系统环境变量

    进入计算机→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:\Program Files\nodejs\node_global\node_modules”。注意,路径视你自己的安装环境而定。

    注意:在编辑环境变量时,不要使用中文哟,否则会出错。

  5. 检测安装效果

    打开命令行工具,执行如下命令:

    node

    待出现">"后,再执行如下命令:

    require ('bower')

    用途是测试下node的模块全局路径是否配置正确了。正确的话cmd会列出'bower'的相关信息。如下图:

    如果没有达到上述效果,请检查'NODE_PATH'环境变量配置

  6. 设置'bower'环境变量 

    bower.cmd的路径:

    添加系统环境变量'BOWER_PATH',值为:D:\Program Files\nodejs\node_global,然后在环境变量PATH后面追加 %BOWER_PATH%。

  7. 查看'bower'是否配置正确

    使用如下命令:

    bower -v

  8. bower使用介绍

  

    bower是一款非常强大的包管理工具, web前端开发用到的第三方插件可以通过bower search:http://bower.io/search/ 来搜索, 并用

    命令格式:bower install 包名 进行安装。

  写在最后,bower依赖git,如果你的计算机上没有安装git,可以查找相关教程。

posted @ 2015-06-16 20:08  余家小子  阅读(1433)  评论(0)    收藏  举报