一篇搞定nodejs

搞定Nodejs的配置与多版本控制

1. 什么是Node.js

脱离浏览器环境也可以运行JavaScript,只要有JavaScript引擎就可以。

Node.js是一个基于Chrome V8引擎的JavaScript运行环境:即Node.js内置了Chrome的V8 引擎,可以在Node.js环境中直接运行JavaScript程序。

在Node.js中写JavaScript和在Chrome浏览器中写JavaScript基本没有什么不一样。哪里不一样呢?

Node.js没有浏览器API,即document,window的等。

加了许多Node.js 专属API,例如文件系统,进程,http功能。

说白了:Node 就是运行在服务端的 JavaScrip。

2. 什么是npm

npm:

全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。

3. node和npm关系

​ 在下载安装node时也附带把npm安装上了的,其实npm是node.js 内置的一套包管理工具。然后就可以使用npm install … 命令的方式 来下载我们所需要的工具包(依赖)。

4. 单独安装Node.js

4.1 卸载单个Node.js

  1. 卸载node本身、删除nodejs目录。点击卸载的时候,自动会删除nodejs目录,但是为了以防万一,可以在卸载之前,先邮件打开文件安装的目录。

在这里插入图片描述

  1. 删除node.js修改的环境变量配置

4.2 安装单个Node.js

  1. 到官网下载新版本,http://nodejs.cn/download/

    官网:https://nodejs.org/en/

    中文网:http://nodejs.cn/

    LTS:长期支持版本

    Current:最新版

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-chPpLh3k-1670168922931)(D:/Typora/%E5%9B%BE%E7%89%87/image-20221204224809805.png)]

  1. 选择安装目录,next就行了

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  1. 检测是否安装成功
    • 打开cmd命令行窗口,输入 node --version,如果出现正确的版本号,安装完成。如果没有则需要再去配置环境变量。
    • 用cmd输入:node -v 能成功显示node的版本号,就代表安装成功

在这里插入图片描述

5.node版本控制工具nvm

如果你确定你得node版本需要或者常更换的话,建议安装node版本控制工具,方便更好的兼容开发

下载地址:https://github.com/coreybutler/nvm-windows/releases

在这里插入图片描述

5.1 安装

注意安装之前一定要写在之前单独下载的nodejs版本

安装

在这里插入图片描述

nvm安装地址

在这里插入图片描述

nodejs安装地址路径一定不要空格和中文

在这里插入图片描述

5.2 配置

设置下载镜像

需要去nvm安装路径下找到nvm/setting这个文件,添加node和npm淘宝镜像,默认国际的安装下载东西会很慢

在这里插入图片描述

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D1ncgDcr-1670168922937)(D:/Typora/%E5%9B%BE%E7%89%87/image-20221204221623525.png)]

至此nvm就安装完成了
在命令窗口输入nvm 如果有提示就代表安装成功啦

在这里插入图片描述

5.3 安装不同版本的node

查看可下载的版本:

  • 命令nvm list available

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NJlVPbPn-1670168922937)(D:/Typora/%E5%9B%BE%E7%89%87/image-20221204222243809.png)]

下载:

  • 命令:nvm install 版本号

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I7icmykK-1670168922938)(D:/Typora/%E5%9B%BE%E7%89%87/image-20221204222123975.png)]

切换使用不同版本的 node

  • 命令:nvm use 版本号

在这里插入图片描述

查看当前系统使用的node版本

命令:node -v

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WVtcW7C9-1670168922939)(D:/Typora/%E5%9B%BE%E7%89%87/image-20221204222443411.png)]

查询自己下载了那些版本

命令:nvm list installed

其实如图前面带*号的就是当前使用的版本

在这里插入图片描述

5.4 Vue项目中查看所需要的node版本

在做项目的时候。不同的项目使用的nodejs版本可能不一样。我们可以在配置文件里看见:

由于nodejs版本和npm版本的不同。导致项目无法运行。所以我们就需要用到nvm这个工具了!

在这里插入图片描述

5.5 常用命令

nvm off                     // 禁用node.js版本管理(不卸载任何东西)
nvm on                      // 启用node.js版本管理
nvm install <version>       // 安装node.js的命名 version是版本号 例如:nvm install 8.12.0
nvm uninstall <version>     // 卸载node.js是的命令,卸载指定版本的nodejs,当安装失败时卸载使用
nvm ls                      // 显示所有安装的node.js版本
nvm list available          // 显示可以安装的所有node.js的版本
nvm use <version>           // 切换到使用指定的nodejs版本
nvm v                       // 显示nvm版本
nvm install stable          // 安装最新稳定版
nvm命令行操作命令
1,nvm nvm list 是查找本电脑上所有的node版本
 
- nvm list 查看已经安装的版本
- nvm list installed 查看已经安装的版本
- nvm list available 查看网络可以安装的版本
 
2,nvm install 安装最新版本nvm
 
3,nvm use <version> ## 切换使用指定的版本node
 
4,nvm ls 列出所有版本
 
5,nvm current显示当前版本
 
6,nvm alias <name> <version> ## 给不同的版本号添加别名
 
7,nvm unalias <name> ## 删除已定义的别名
 
8,nvm reinstall-packages <version> ## 在当前版本node环境下,重新全局安装指定版本号的npm包
 
9,nvm on 打开nodejs控制
 
10,nvm off 关闭nodejs控制
 
11,nvm proxy 查看设置与代理
 
12,nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror,如果不设置的默认是 https://nodejs.org/dist/
  nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是: https://github.com/npm/npm/archive/.
 
13,nvm uninstall <version> 卸载制定的版本
 
14,nvm use [version] [arch] 切换制定的node版本和位数
 
15,nvm root [path] 设置和查看root路径
 
16,nvm version 查看当前的版本

5.4 卸载版本控制工具

即卸载nvm

卸载nvm,重新去官网下载最新版本,记住是彻底卸载哦具体彻底卸载步骤如下

步骤一:

  • 首先去手动删除nvm安装路径,整个文件夹删掉

在这里插入图片描述

步骤二:

  • 然后再去删除环境变量
  • 右键我的电脑,点击属性,选择如图高级系统设置。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-h8Wi5LdS-1670168922940)(D:/Typora/%E5%9B%BE%E7%89%87/image-20221204223205722.png)]

  • 再点击环境变量

在这里插入图片描述

  • 然后删除nvm相关的系统变量

    在这里插入图片描述

  • 还有path下的相关配置,其他的不要动哦

    系统的和个人的都要删除!!!!!两个path

    在这里插入图片描述

至此nvm才算彻底删除干净
然后再去官网下载nvm压缩包重新安装就好了。



6.配置npm

改变npm全局默认C盘安装路径

  1. 自定义安装目录下新建两个文件夹node_cache和node_global

在这里插入图片描述

  1. 配置node环境变量
  • 增加环境变量NODE_PATH 配置的内容为node_modules 路径

在这里插入图片描述

在这里插入图片描述

  1. 查看npm的安装情况

在这里插入图片描述

  1. 配置npm的缓存路径和全局路径
npm config set prefix "D:\node\node_global"
npm config set cache "D:\node\node_cache"

在这里插入图片描述

  1. 配置npm的下载镜像
npm地址修改为淘宝镜像:
npm config set registry https://registry.npm.taobao.org

在这里插入图片描述

  1. 查看npm的配置情况

    npm config ls

在这里插入图片描述

可以用 -g 来测试一下,下载一个东西,看其是否下载到全局路径下

在这里插入图片描述

注意:

注意:一定不要删除C:\Users{账户}\下的.npmrc文件,如果删除了,你之前改变的默认全局下载路径就会无效。

  • npm的配置文件:

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值