现在作为一名前端工程师,学习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的版本;
成功如下: