node.js安装配置以及npm和cnpm的使用

一、安装Node

关于软件

Node.js是前端开发必备的运行环境。软件尽量选比较新的版本。进入官网:https://nodejs.org/en/,选择稳定的版本,点击下载。

Node.js向导安装步骤

点击Next

勾选同意条款并点击Next

设置安装位置为:d:\node\nodejs\

点击Next

保持默认的安装选项,点击Next

点击安装,耐心等待一会儿,看到下面的界面,安装成功!

点击完成,已经安装完成了,是不是很容易啊,下面我们再检验一下是否安装成功。

安装完成后,win + R,打开运行窗口,输入cmd,调出命令行窗口,运行令:

node –v 查看node版本

npm –v 查看npm版本

这里happyLee用的是v6.10.2版本,node版本不一样,相应的npm也不一样

能正确显示版本信息就表示,我们的工具已经可以使用了。

那npm是啥呢?它是Node Package Manager的缩写,叫做node包管理工具。我们用它来安装我们的node模块(或者叫node包)。因为nodejs安装后,它本身提供的功能是比较有限的。但它的模块化管理方式,允许我们安装新的node模块来不断扩展功能。而安装和卸载工作就交给了npm来管理。

在node在安装的过程中,已经自动的进行了Path环境变量的设置,以确保我们的node和npm命令可用,所以我们不需要在进行环境配置。

如果有同学对此感兴趣,那我们就带着好奇心,我们看下node安装的背后进行了怎么的设置吧。

查看window系统的环境变量

先来看系统变量下的Path(看清楚是系统变量,不是用户变量)

双击系统变量Path

win10用户直接添加即可

看到node安装后会自动在系统Path最后加上nodejs的安装目录,这样的话,我们在nodejs安装目录下的两个命令node和npm就可以直接在cmd命令行中直接使用了。

再来看下用户变量Path

双击用户变量Path

看到node安装后也会自动在Path变量上附加一个这样的路径。该路径指向的是使用npm命令安装的工具存放的位置。随后会介绍用npm怎么安装一些常用的工具。这些工具对应的命令可以直接在cmd命令行中使用,是和这里Path指定的工具安装的目录有关系的,了解即可。

用npm安装bower工具

先简单介绍下,bower是一个前端js类库管理工具,它负责下载我们需要的js类库并能很好的维护类库间的依赖关系。具体用法会在后面介绍。

要安装bower,在cmd命令行窗口运行以下命令:

上面指令的意思是,在全局范围内安装bower工具。用-g来表示全局范围安装,这样就会安装到前面我们讲到的用户目录下的npm路径:C:\Users\Administrator\AppData\Roaming\npm;最后--registry表明指定国内镜像,解决下载时的网络问题。

安装完成,我们来验证下bower工具是否可用,输入命令:

bower –v 查看bower版本信息

看到正确输出了bower的版本信息,OK!

并且我们看到工具装在这个位置

需要注意下,npm安装工具时,涉及到两个目录,除了上面用来存放工具的npm目录,和npm同级的还有一个npm-cache目录,用来存放工具安装时的缓存文件。

现在我们来考虑这样一个问题:一般我们的系统盘(C盘)的空间就有限,安装太多的node工具后,我们的系统盘越来越下了,能不能把这两个目录移到别的盘去呢?答案是肯定的!npm允许我们自己配置这两个目录的,那咱们开始吧!

首先我们用npm工具把先前安装的bower模块卸载掉吧。运行:

npm uninstall –g bower

创建新的npm和npm-cache目录

在d:\node路径下新建两个目录,和nodejs的安装目录nodejs位于同一级

打开cmd命令行窗口,分别运行以下三个命令

npm config set prefix="D:\node\npm"

npm config set cache="D:\node\npm-cache"

npm config ls

前两个命令用于设置,第三个命令用于查看设置信息

重新设置npm安装包的路径到用户环境变量Path中

Path: D:\node\npm

最后,不要忘了将原先的用户目录下的npm和npm-cache目录删除。

现在你是不是迫不及待想要验证下安装node包会不会放到我们设置的目录下去呢?

OK!现在我们就来安装一个新的node包叫cnpm!我们将用它取代npm!因为用它下载东西快啊!因为cnpm在下载安装包需要的资源时用的是国内代理。当然如果你的工作环境足够OK,也可以忽略此过程,不过为了以防万一,还是请耐心看下去吧。

重新打开一个新的cmd命令行窗口,运行:

上面的截图省略了黄色高亮输出的模块依赖树的大部分内容。检查下我们新设置的npm包存放目录

Perfect!完美!

那么怎么使用cnpm来安装node包呢?用法和npm类似,比如要安装bower,

也因为新安装了cnpm,新开一个cmd命令行窗口,运行:

cnpm i -g bower

上面的i是install的简写。

当然卸载指令还是用npm uninstall -g bower哈。

(此教程属于个人整理,如有错误,欢迎批评指正,我定当会虚心接受,您的关注,就是我持续的动力!)

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180115G0GHRJ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券