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

Windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装安装过程基本直接“NEXT”就可以了。(Windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”,我这里的演示是安装在“D:\Program Files\nodejs”)

  废话不多说,安装完成之后,我们先检测下NodeJS是否安装成功,cmd命令行中键入:

node -v

  若出现版本提示,就说明安装成功了,如下图:

  

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

npm -v

  同样,若出现版本提示,就说明安装成功了,如下图:

  

  这样,常规NodeJS的搭建到现在为止已经完成了,迫不及待的话你可以在cmd命令行中键入“node”进入node开发模式下,输入你的NodeJS第一句:”hello world“ – 输入:console.log(‘hello world’)。这里就不再多作演示了。

  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"

  请大家注意,因为我事先降NodeJS安装在了“D:\Program Files\nodejs”目录下,所以大家键入命令时请正确输入你们的NodeJS目录。

  现在我们来装个模块试试,选择express这个比较常用的模块。同样在cmd命令行里面,输入:

npm install express -g

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

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

  

  如果以上步骤都OK的话,我们可以再次开启cmd命令行,键入:

node

  待出现“> ”标记后,在键入:

require(‘express‘)

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

  

  如出错一般都是NODE_PATH的配置不对,可以再次检查以确保正确。

  好了,现在我们已经安装配置好NodeJS+npm了,那么我们现在安装Bower就显得容易得多,只需要在cmd中键入一行命令:

npm install bower -g

  若检测是否安装成功方法同express一样。

  结束语:

  以上便是本人在安装配置NodeJS的时候的操作,由于新手的缘故,借助了google查阅了很多资料,希望对刚开始接触NodeJS的朋友都有点帮助。我现在用的IDE是Sublime text 2 + NodeJS的插件这个组合,能够在Sublime里面直接编译node的程序,挺方便的。

时间: 2024-10-04 07:54:47

Windows环境下的NodeJS+NPM+Bower安装配置步骤的相关文章

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

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

Windows环境下Android Studio v1.0安装教程

Windows环境下Android Studio v1.0安装教程 Windows环境下Android Studio v1.0安装教程 准备工具 JDK安装包. 要求:JDK 7以及以上版本. Android Studio安装文件. Windows: exe(包含SDK) (813 MB) exe(不包含SDK) (250 MB) zip (235 MB) Mac dmg (234 MB) zip (233 MB) Linux: zip (233 MB) 说明: 32位系统和64位系统是同一个安

【转】Windows环境下Android Studio v1.0安装教程

原文网址:http://ask.android-studio.org/?/article/9 http://android-studio.org/index.php/docs/experience/158-androidstudio-v1-0-win-install Windows环境下Android Studio v1.0安装教程 准备工具 JDK安装包.要求:JDK 7以及以上版本. Android Studio安装文件. Windows:exe(包含SDK) (813 MB)exe(不包含

Windows 系统下设置Nodejs NPM全局路径

Windows下的Nodejs npm路径是appdata,很不爽,想改回来,但是在cmd下执行以下命令也无效 npm config set cache "D:\nodejs\node_cache" npm config set prefix "D:\nodejs\node_global" 最后在nodejs的安装目录中找到node_modules\npm\.npmrc文件 修改如下即可: prefix = D:\nodejs\node_globalcache =

windows环境下MySQL-5.7.12-winx64下载安装与配置

系统:64位Win-7 官网压缩包:mysql-5.7.12-winx64.zip 前后花了一些时间,以前都是下载软件直接安装在本地,现在这个不一样,下载压缩包后要解压缩到安装目录,然后在控制台下配置服务. 整体的流程如下: 1. 下载: 到http://dev.mysql.com/downloads/mysql/下载,或者登陆mysql官网按Downloads——Community——MySQL Community Server顺序访问,可以看到 我的机子是64位的,于是选第二个(344.2M

Learing-Python【0】:Windows环境下Python2和Python3的安装

一.下载 可以在官网下载最新版本, 也可以在以下链接中找想安装的版本下载下来,这里以Python3.6和Python2.7为例 https://www.python.org/ftp/python/ 二.安装Python2.7 1. 为所有用户安装 2. 更改安装路径 这里我选择不添加环境变量,等安装好后手动添加 3. 将Python2添加到环境变量(Win7系统的环境变量在一行显示,两个环境变量之间需要用分号隔开) D:\Program Files\Python27 D:\Program Fil

Windows 系统下设置Nodejs NPM全局路径和环境变量配置

在nodejs的安装目录中找到node_modules\npm\.npmrc文件 修改如下即可: prefix = D:\tool\nodejs\node_globalcache = D:\tool\nodejs\node_global registry = https://registry.npm.taobao.org 其中registry为阿里云npm镜像 启动cmd,输入 npm install express -g 显示全局安装路径 配置环境变量: path=D:\tool\nodejs

windows环境下mysql的解压安装以及备份和还原

系统环境为server2012 1.下载mysql解压版,解压安装包到指定目录 2.在以上目录中,复制一份my-default.ini文件,重命名为my.ini,进行如下修改(按照需要): [mysqld] # 服务端的编码方式 character_set_server=utf8 # These are commonly set, remove the # and set as required. #数据文件存放目录 basedir = C:\Program Files\mysql #数据文件存

Windows环境下python3.7版本怎么安装pygame

访问此网址 下载对应Python版本的pygame,如下图: 下载完成后,会有一个whl后缀的文件. 将此文件复制到Python根目录下的scripts目录下,打开cmd, 切换到scripts目录下,运行命令 pip install <刚刚下载文件的文件名> 等着安装完成就行,如果出现一个错误,提示让你更新pip, You are using pip version 8.1.1, however version 9.0.1 is available.You should consider u