注意:以下涉及到在cmd终端中的配置:
以管理员身份开启 cmd 窗口
以管理员身份开启 cmd 窗口
以管理员身份开启 cmd 窗口
以管理员身份打开方式如下: 在这里插入图片描述
出现此面板后,直接 按住 Shift + Ctrl + Enter ,就会弹出是否以管理员身份打开终端的确认弹窗,点击按钮 ,就可以了

一、Node.js 下载与安装

  1. Node官网 上,下载对应的安装包
    在这里插入图片描述
    这里下载的是 64位window系统 的安装文件 node-v14.15.3-x64
  1. 点击安装文件,开始安装 node.js
    在这里插入图片描述

  2. 点击 Next (下一步)

    初次安装
    在这里插入图片描述
    已安装NodeJs,再次安装
    在这里插入图片描述

  3. 勾选同意选项(I accept the terms …),并点击 Next (下一步)
    在这里插入图片描述

  4. 选择node.js的安装目录,这里选择安装在E盘
    在这里插入图片描述

  5. 接着一直点击 Next (下一步) 到下面的界面
    在这里插入图片描述

  6. 点击 Install (安装)
    在这里插入图片描述

  7. 点击 Finish ,完成安装
    在这里插入图片描述

  8. 使用 window + R 快捷键,启动 cmd命令行 验证 node.js 是否安装成功
    在这里插入图片描述
    出现以上情况,即表示安装成功

二、Node.js环境变量配置

  • 在上面已经完成了 node.js 的安装,即使不进行此步骤的环境变量配置也不影响node.js的使用

  • 但是,若不进行环境变量配置,那么在使用命令安装 node.js全局模块 (如:npm install -g vue)时,会默认安装到C盘的路径 ( C:\Users\hua\AppData\Roaming\npm ) 中

  • 因此,需要配置 全局安装模块 node_global 以及 缓存目录 node_cache 的环境变量;

  1. node.js的安装目录 中,新建两个文件夹 node_global node_cache ,分别用来存放安装的全局模块和全局缓存信息
    在这里插入图片描述

  2. 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径):

      # 设置全局模块安装路径
      npm config set prefix "E:\leading\NodeJs\info\node_global"
      # 设置全局缓存存放路径
      npm config set cache "E:\leading\NodeJs\info\node_cache"
    

    命令执行,效果如图: 在这里插入图片描述

  3. 设置电脑环境变量,环境变量界面打开顺序: 右键 “我的电脑”=》属性=》高级系统设置=》环境变量 ,具体实行过程,请看下图:
    在这里插入图片描述

  4. 进入环境变量对话框,在【系统变量】中新建环境变量 NODE_PATH ,值为 E:\leading\NodeJs\info\node_global\node_modules ,其中 E:\leading\NodeJs\info\node_global 是新创建的全局模块安装路径
    在这里插入图片描述

  5. 修改【用户变量】中的 path 变量,将 C:\Users\86135\AppData\Roaming\npm 修改为 E:\leading\NodeJs\info\node_global

    修改前
    在这里插入图片描述
    修改后
    在这里插入图片描述

  6. 点击确定后,配置完成。

  7. 测试是否配置成功,在 cmd 窗口中输入以下指令 全局安装Vue模块

      npm install -g vue # -g 表示全局安装
    

    执行效果,如图所示: 在这里插入图片描述
    vue 模块安装目录,如图所示:
    在这里插入图片描述
    可以看出,node.js环境变量配置成功。

  8. 至此,node.js安装和环境变量配置全部完成。

配置完,一定要重启,否则不生效

配置完,一定要重启,否则不生效

配置完,一定要重启,否则不生效

三、国内镜像网站配置

配置国内镜像,解决模块安装缓慢或者失败的问题。

一般配置 淘宝npm镜像

  1. 在 cmd 命令行中,通过命令配置淘宝镜像

      npm install -g cnpm --registry=https://registry.npm.taobao.org
    
  2. 使用淘宝镜像下载模块,即,将 npm 替换成 cnpm 即可

      cnpm install # module_name
    

    上述切换镜像的方式比较麻烦。这里推荐一款切换镜像的工具:nrm

    1. 使用 npm 全局安装 nrm
        npm install nrm -g
      
      执行命令,效果如下:
      在这里插入图片描述
    2. 通过 nrm ls 命令,查看npm的仓库列表,带 * 的就是当前选中的镜像仓库:
        nrm ls
      
      执行命令,效果如下:
      在这里插入图片描述
    3. 通过 nrm use taobao 来指定要使用的镜像源:
        nrm use taobao
      
      执行命令,效果如下:
      在这里插入图片描述
    4. 最后,通过 nrm test npm 来测试速度:
        nrm test npm
      
      执行命令,效果如下:
      在这里插入图片描述
    NodeJs 的安装及配置环境变量前言一、Node.js 下载与安装Node Js下载安装前言一、Node.js 下载与安装Node Js下载在 Node官网 上,下载对应的安装包这里下载的是 64位window系统 的安装文件 node-v14.15.3-x64安装点击安装文件,开始安装 node.js点击 Next (下一步)初次安装已安装NodeJs,再次安装勾选同意选项(I accept the terms …),并点击 Next (下一步)选
    要设置两个东西,一个是PATH上增加node.exe的目录C:\Program Files\nodejs,一个是增加环境变量NODE_PATH,值为C:\Program Files\nodejs\node_modules 去nodejs下载node.msi安装文件包,里面包含了node.js和npm; 双击node.msi就行了,选择安装路径和npm;  二、设置环境变量 [新版本都不需要设计环境变量了,软件会自动写入环境变量] 计算机(或者我的电脑)右击属性-》高级系统设置-》环境变量。 新建一个用户变量。 变量名:NODE_PATH 值:C:\Program Files\n
    配置全局变量 在安装目录下【D:\Nodejs\node】创建两个文件夹【node_global】及【node_cache】用来配置全局环境变量。 npm config set prefix "D:\nodejs\node\node_global" npm config set cache "D:\nodejs\node\node_cache" 配置..
    安装nodejs配置环境变量的步骤如下: 1. 首先,在nodejs一级目录下新建两个文件夹:node_global和node_cache。 2. 打开控制面板,进入系统-高级系统设置-高级-环境变量。 3. 在系统变量中,新建一个变量名为NODE_PATH,变量值为你nodejs安装路径,比如D:/nodejs。 4. 在系统变量Path中添加变量值,即将nodejs安装路径和全局模块包路径添加进去,例如D:\nodejs;%NODE_PATH%;D:\nodejs\node_global;。 5. 打开命令窗口,执行以下两条命令,设置npm的全局模块包目录和缓存目录: npm config set prefix “prefix=D:\nodejs\node_global” npm config set cache “cache=D:\nodejs\node_cache”。 6. 注意,现在的nodejs版本已经默认安装环境变量,全局模块包会安装在C盘。但是如果你想将全局模块包和node安装包放在一起,便于查找和管理,也可以按照上述步骤进行配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [nodejs安装后的配置,以及环境变量配置](https://blog.csdn.net/qq_43119205/article/details/84027782)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [Nodejs安装环境变量配置](https://blog.csdn.net/changgongcheng_yq/article/details/79500087)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
    【VSCode - Vetur 插件报错】Cannot find module ‘XXX‘ or its corresponding type declarations.Vetur(2307) 19844 Suggestion [3,General]: 找不到命令 webpack,但它确实存在于当前位置。默认情况下,Windows PowerShell 不会从当前位置加载命令。如果信任此命令,请改为键 15911
    【Error】Failed to load plugin ‘react-internal‘ ...:Cannot find module ‘eslint-plugin-react-internal‘ 【Linux】Grub-UEFI error... “file `/grub/x86_64-efi/normal.mod` not found“