Windows安装node.js以及环境配置、常见npm镜像源、npm安装包报错 解决https证书过期 reason: certificate has expired

前言:

  在使用本教程前,最好先了解一下大概步骤,避免遇见的坑

一、Windows安装node.js以及环境配置

0、这里建议先创建node64文件夹(文件夹名称根据个人喜好创建),用来安装Node.js,然后在Node的安装目录下创建两个文件夹node_cache、node_global

  遇见的坑:vue cli脚手架通过CMD窗口创建vue项目时候,权限不够,只能通过管理员权限创建项目

1、下载Node.js安装包

  Node.js官方网站,选择LTS版本或者最新版本,然后点击下载按钮。.msi是软件安装包、.zip是压缩包,解压之后即可,不需要安装

2、运行安装程序(这里安装时.msi软件,当前软件版本node-v20.11.1-x64)

  下载完成后,双击安装包运行安装程序。安装完成后,在Node的安装目录下创建两个文件夹node_cache、node_global

3、配置高级环境变量

  此电脑[右击]-属性-高级系统设置-高级-环境变量-系统变量-

  新建

    变量名:NODE_HOME

    变量值:Node.js所在的安装位置

   编辑Path,添加如下:

  %NODE_HOME%;

  %NODE_HOME%\node_cache;

  %NODE_HOME%\node_global;

3、检验与配置

3.1、检验配置成功

  win+R 输入cmd

  输入以下命令查看Node.js版本

node -v

  输入以下命令查看npm版本

npm -v

  如下:

  

 3.2、配置npm淘宝镜像(国内下载速度快)、全局下载位置、缓存位置

  注意:这里是http,不是https,否则出现证书过期

C:\Users\17238>npm config set prefix "E:\node64\node_global"

C:\Users\17238>npm config set cache "E:\node64\node_cache"

C:\Users\17238>npm config set registry http://registry.npm.taobao.org

 3.3、查看配置 npm config ls

3.4、尝试安装cnpm(此步骤可以跳过)

  npm install -g cnpm

3.5、常见命令
  npm -v:查看npm安装的版本。
  npm init:会引导你建立一个package.json文件,包括名称、版本、作者等信息。
  npm list:查看当前目录下已安装的node包。
  npm ls:查看当前目录下已安装的node包。
  npm install moduleNames:安装Node模块到本地目录node_modules下。
  npm install < name > -g:将包安装到全局环境中。
  npm install < name > --save:安装的同时,将信息写入package.json中,项目路径中若是有package.json文件时,直接使用npm install方法就能够根据dependencies配置安装全部的依赖包,这样代码提交到git时,就不用提交node_modules这个文件夹了。
  npm install < name> --save-dev:安装的同时,将信息写入package.json中项目路径中若是有package.json文件时,直接使用npm install方法就能够根据devDependencies配置安装全部的依赖包,这样代码提交到git时,就不用提交node_modules这个文件夹了。
  npm uninstall moudleName:卸载node模块。
3.6、补充说明:
  在3.2配置的时候,可能会提示权限不够报错,那么使用管理员权限打开CMD
3.6.1、搜索cmd应用,然后点击管理员身份运行


3.6.2、快捷键打开,先Win+R输入CMD,将下一步店家Enter换位Ctrl+Shift+Enter,直接以管理员打开CMD

 

<-到此node.js安装成功->

二、常见npm镜像源

npm镜像源是指npm软件包管理器的服务器地址,用于下载和安装npm包。常见的npm镜像源有以下几种:

1. 官方源:https://registry.npmjs.org/,即npm官方提供的默认源,国外服务器,速度较慢。

2. 淘宝源:https://registry.npm.taobao.org/,是淘宝团队提供的镜像源,国内服务器,速度较快。

3. cnpm源:http://r.cnpmjs.org/,是淘宝团队提供的另一个镜像源,国内服务器,速度较快。

4. 阿里源:https://npm.aliyun.com/,是阿里巴巴提供的镜像源,国内服务器,速度较快。

使用镜像源可以加快npm包的下载和安装速度,特别是在国内网络环境下。可以通过设置npm的配置来切换镜像源,例如使用淘宝源可以执行以下命令:

npm config set registry https://registry.npm.taobao.org/

或者使用cnpm源可以执行以下命令:

npm config set registry http://r.cnpmjs.org/

切换镜像源后,再使用npm安装包时,npm将会从对应的镜像源下载和安装包

三、npm安装包报错 解决https证书过期 reason: certificate has expired

方法一. 设置 ssl 为 false

npm config set strict-ssl false

方法二:修改 https 为 http

npm config set registry http://registry.npm.taobao.org/

 

vue cli脚手架教程

posted @ 2024-03-02 10:53  向大海  阅读(1313)  评论(0编辑  收藏  举报