博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Windows环境下的NodeJS+NPM+Bower安装配置步骤
阅读量:5839 次
发布时间:2019-06-18

本文共 1497 字,大约阅读时间需要 4 分钟。

hot3.png

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

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

现在我们来装个模块试试,选择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_global”。如下图所示:

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

注意:(请使用管理员运行,以免造成不必要的麻烦)

node     

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

require('express')

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

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

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

npm install bower -g

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

将bower路径添加到系统路径  C:\Program Files\nodejs\node_global

转载于:https://my.oschina.net/u/998304/blog/410582

你可能感兴趣的文章
怎样使用linux的iptables工具进行网络共享
查看>>
《HTML5与CSS3实战指南》——导读
查看>>
RHEL6下安装oracle 10g(一)
查看>>
Kconfig的格式
查看>>
关于Cursor的moveToFirst和moveToNext的意义
查看>>
个人--工资划分5份
查看>>
有关文件下载的文件名
查看>>
史上最详细的wamp配置虚拟域名步骤
查看>>
oracle 授权
查看>>
lv扩展磁盘空间
查看>>
java8之stream流的基本操作
查看>>
二维数组计算协方差java
查看>>
SpringBoot下Redis相关配置是如何被初始化的
查看>>
为你的AliOS Things应用增加自定义cli命令
查看>>
MongoDB 创建基础索引、组合索引、唯一索引以及优化
查看>>
百度PaddlePaddle常规赛NLP赛道火热开启
查看>>
稳了!这才是cookie,session与token的真正区别
查看>>
OSChina 周二乱弹 —— 假期余额已不足!
查看>>
前端那些事之React篇--helloword
查看>>
ios的google解析XML框架GDataXML的配置及使用
查看>>