node.js 学习 - 01 安装教程

现在作为一名前端工程师，学习node已经是非常主流了。因为无论是vue脚手架，还是其他的npm都需要基于node；

小编接下来，会时不时的更新node.js相关的学习文章

今天，我们先来学习以下node.js的安装过程；

1.我们先下载node.js的安装包

官网链接：https://nodejs.org/zh-cn/

请按照自己的系统配备来下载对应的安装包；

PS：建议下载长期支持版本；

2.我们开始安装；

记得选择安装位置，因为小编的电脑中，所有的软件，编程工具等，都是安置在D盘中，所以我就选择安装在D盘

最后等待安装完成；

等所有的安装都完成后，我们需要使用cmd（命令窗口来检测node,是否安装成功）

命令为：

node -v 和 npm -v

分别查看node和npm的版本号

如有以下试图，则成功；

注意此时的npm是在安装node.js时默认安装到了C盘下的，还未进行二次的配置。

小编非常建议要进行二次配置，将其安装位置改到D盘下；

下面是将全局npm改装到D盘下的步骤；

如果小编写的不清晰，可以参考小编转发的这个帖子；

https://blog.csdn.net/antma/article/details/86104068

下面开始配置npm的位置；

1.首先我们现在安装node的目录下，新建俩个文件夹

一个名为：node_global

另一个名为：node_cache

如图：

然后我们在cmd中，执行以下俩段命令

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

如图时成功：

最后我们配置环境变量

1.首先新增一个系统变量：NODE_PATH

值为：D:\nodejs\node_modules

如图：

2.编辑用户变量中的：Path中，关于npm的内容

值为：D:\nodejs\node_global

如图：

确定保存，配置成功；

然后我们安装以下webpack来测试一下

使用安装命令：

npm install webpack -g

如图开始安装；

需要你等待一下；

如果安装成功，就可以看到自定义的两个文件夹已生效

如图：

输入命令：

npm webpack -v

查看webpack的版本；

成功如下：