小白系列《完美处理nvm npm 配置node.js环境安装》

node.js安装需了解三个关键词:node , nvm , npm

    node.js是一门后端语言,可以做web服务器。并且前端的框架Vue也需要用到这个安装环境,所以node.js安装是必经之路。其实安装较为简单,但是中间穿插了包管理,就显得有些绕口!所以在安装之前我们需要先理清一下思路。
    第一点:nvm是一个node.js的版本管理插件,例如你的电脑里安装了 node.js_v0 版 与 node.js_v1版 。但是在做项目过程中需要切换不同的版本下的环境进行开发。
    第二点:npm是node.js这个程序是一个包管理器,例如用node.js写的express后端框架,这个express框架有 v0 版与 v1版 ,这个时候就需用到npm进行管理,下载,更新或是卸载等操作。
    所以,nvm是管理node.js的版本;npm是管理及下载node.js中包的工具。
    补充:npm在node.js高版本中已经自带安装,就是在我们自己安装node.js的时候,就自带安装了npm。

我们采用nvm的安装方式进行作业

第一步:在C盘目录中,创建一个文件夹命名为dev,在dev文件中命名两个文件nodejs文件夹 与 nvm文件夹
在这里插入图片描述
第二步:在nvm官网中下载一个nvm压缩包。名字叫做:nvm-noinstall(免安装版)这里有个链接,是我自己上传的,大家可以下载试试。

第三步:下载完成后,进行解压。将文件解压到nvm的文件夹中。理论上可以看见如下文件:
在这里插入图片描述
第四步:点击install文件,然后配置一下setting文件,配置内容如下:

root: C:\dev\nvm
path: C:\dev\nodejs
arch: 32
proxy: none
node_mirror:https://npm.taobao.org/mirrors/node/
npm_mirror:https://npm.taobao.org/mirrors/npm/

配置完成后,将setting文件另存在nvm文件中,这一步一定要作!
在这里插入图片描述
第五步:配置环境变量。找到计算中环境变量设置的地方,这个大家资讯解决。非常容易找到!
然后配置方法分两步走:
第五步-1:分别设置如下内容,可以自己添加都行。
NVM_HOME: C:\dev\nvm
NVM_SYMLKNK: C:\dev\nodejs
在这里插入图片描述

第五步-2:配置Path路径,绑定刚刚设置的内容,格式如下:
Path:%NVM_HOME%;%NVM_SYMLKNK%
在这里插入图片描述
第六步:在桌面,wind + R ,调出命名窗口,输入cmd。这个要是不会,那是真白!
在这里插入图片描述
第七步:输入nvm-v,查询nvm的安装叛本。
在这里插入图片描述
第八步:输入nvm install (node版本号),可以去官网看下版本号,我这里看的是12.18.2 稳定版,14.5.0最新版
这里举例: nvm install 12.18.2
在这里插入图片描述
第九步:输入node -v (正常情况你们应该显示的是v12.18.2),因为我的电脑已经安装了v6.10.3,只是做个简单的例子,心里清楚就好了。
在这里插入图片描述
第十步:确认npm是否安装成功!输入npm -v,正常情况显示如下。整个流程就进行完结了。
在这里插入图片描述
第十一步:假如你的第十步,没有显示出npm的版本号,说明node在安装的过程中,npm没有安装成功。这里说明一下解决方案。手动下载npm压缩档文件。链接如下:待更新

然后找到node的安装文件夹:在C:\dev\nvm\v12.18.2你会看见node_modules文件夹。并且这个文件夹是空的!
在这里插入图片描述
第十二步:将解压的npm文件整个拖入到node_modules文件中。并且将npm解压包中的bin文件中的2个npm文件,复制到
C:\dev\nvm\v12.18.2当前文件中。

就是这两个文件:
在这里插入图片描述
一定要copy 到C:\dev\nvm\v12.18.2当前文件中。
在这里插入图片描述
第十四步:输入npm -v,就会显示正常。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章