js文件 格式_小白系列《完美处理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文件夹

1d2985d96a3212607bc75a2c94e32393.png

第二步:在nvm官网中下载一个nvm压缩包。名字叫做:nvm-noinstall(免安装版)这里有个链接,是我自己上传的,大家可以下载试试。

第三步:下载完成后,进行解压。将文件解压到nvm的文件夹中。理论上可以看见如下文件:

95ed0e934283597e0d89e1c71af1af7c.png

第四步:点击install文件,然后配置一下setting文件,配置内容如下:

root: C:devvm

path: C:devodejs

arch: 32

proxy: none

node_mirror:https://npm.taobao.org/mirrors/node/

npm_mirror:https://npm.taobao.org/mirrors/npm/

配置完成后,将setting文件另存在nvm文件中,这一步一定要作!

5d8e05625fd8d65a4a2538d9f7380b3b.png

第五步:配置环境变量。找到计算中环境变量设置的地方,这个大家资讯解决。非常容易找到!

然后配置方法分两步走:

第五步-1:分别设置如下内容,可以自己添加都行。

NVM_HOME: C:devvm

NVM_SYMLKNK: C:devodejs

3f7f42f7375d2ed19b8c75e3f0f1365c.png

第五步-2:配置Path路径,绑定刚刚设置的内容,格式如下:

Path:%NVM_HOME%;%NVM_SYMLKNK%

614226b33a39bca66a2868532f16e5ec.png

第六步:在桌面,wind + R ,调出命名窗口,输入cmd。这个要是不会,那是真白!

793639ffb528da5bfa5322cdf0eddec1.png

第七步:输入nvm-v,查询nvm的安装叛本。

ca6d42c54ac46beb757ce71afddb1117.png

第八步:输入nvm install (node版本号),可以去官网看下版本号,我这里看的是12.18.2 稳定版,14.5.0最新版

这里举例: nvm install 12.18.2

b6d089a0e10d576b84153b27a2e75780.png

第九步:输入node -v (正常情况你们应该显示的是v12.18.2),因为我的电脑已经安装了v6.10.3,只是做个简单的例子,心里清楚就好了。

81782d0ed918785d5acf826ebee8c074.png

第十步:确认npm是否安装成功!输入npm -v,正常情况显示如下。整个流程就进行完结了。

4ce912fb7c64717fe958aad9b4324030.png

第十一步:假如你的第十步,没有显示出npm的版本号,说明node在安装的过程中,npm没有安装成功。这里说明一下解决方案。手动下载npm压缩档文件。链接如下:待更新

然后找到node的安装文件夹:在C:devvmv12.18.2你会看见node_modules文件夹。并且这个文件夹是空的!

0966c39db82b73d483a938c518d26ccc.png

第十二步:将解压的npm文件整个拖入到node_modules文件中。并且将npm解压包中的bin文件中的2个npm文件,复制到

C:devvmv12.18.2当前文件中。

就是这两个文件:

8a575d0bdadbcc33d50c13ded0386c9a.png

一定要copy 到C:devvmv12.18.2当前文件中。

732e65a10ec02806e8e817244760feba.png

第十四步:输入npm -v,就会显示正常。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值