Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)

本机环境:win11家庭中文版

一、官网下载

 二、安装

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第1张图片

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第2张图片

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第3张图片

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第4张图片

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第5张图片

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第6张图片

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第7张图片

 三、查看nodejs及npm版本号

1、查看node版本号

node -v

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第8张图片

2、查看NPM版本号(安装nodejs时已自动安装npm)

npm -v

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第9张图片

 四、配置npm全局下载工具包和缓存目录

1、查看安装目录

 在本目录下创建node_global和node_cache目录,以后通过npm安装的依赖工具包将会安装到node_global文件夹下,避免安装到默认的C盘下。

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第10张图片

 2、npm命令设置全局下载安装工具包和缓存的目录

npm config set prefix "D:\Nodejs\node-v18.16.0\node_global" //设置依赖工具包全局安装目录,通过npm下载的工具包都会下载到本文件夹下

npm config set cache "D:\Nodejs\node-v18.16.0\node_cache"  //设置缓存目录

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第11张图片

 3、将node_global和node_cacche写入到环境变量中。

3.1、在系统环境中新增一个NODE_HOME变量,值为nodejs安装的目录

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第12张图片

3.2、在path里新增2条,将node_global和node_cacche这2个文件夹路径写入。

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第13张图片

 3.3、环境变量配置完成,将淘宝镜像设置为npm的源,否则在下载安装工具包时会特别慢(除非科学上网)

npm config set registry https://registry.npm.taobao.org  //npm设置淘宝镜像源

 

使用淘宝 NPM 镜像

由于国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npmmirror.com

这样就可以使用 cnpm 命令来安装模块了:

$ cnpm install [name]

3.4、查看npm配置列表Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第14张图片

 五、测试

1、查看node_global目录为空

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第15张图片

 

2、使用 npm 命令安装模块

npm 安装 Node.js 模块语法格式如下:

$ npm install 

以下实例,我们使用 npm 命令安装常用的 Node.js web框架模块 express:

$ npm install express

安装好之后,express 包就放在了工程目录下的 node_modules 目录中,因此在代码中只需要通过 require('express') 的方式就好,无需指定第三方包路径。

var express = require('express');

全局安装与本地安装

npm 的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如

npm install express          # 本地安装
npm install express -g   # 全局安装

如果出现以下错误:

npm err! Error: connect ECONNREFUSED 127.0.0.1:8087 

解决办法为:

$ npm config set proxy null

本地安装

  • 1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
  • 2. 可以通过 require() 来引入本地安装的包。

全局安装

  • 1. 将安装包放在 /usr/local 下或者你 node 的安装目录。
  • 2. 可以直接在命令行里使用。

如果你希望具备两者功能,则需要在两个地方安装它或使用 npm link

接下来我们使用全局方式安装 express

$ npm install express -g

安装过程输出如下内容,第一行输出了模块的版本号及安装位置。

[email protected] node_modules/express
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected])
└── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])

查看安装信息

你可以使用以下命令来查看所有全局安装的模块:

$ npm list -g

├─┬ [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
……

如果要查看某个模块的版本号,可以使用命令如下:

$ npm list grunt

projectName@projectVersion /path/to/project/folder
└── [email protected]

使用 package.json

package.json 位于模块的目录下,用于定义包的属性。接下来让我们来看下 express 包的 package.json 文件,位于 node_modules/express/package.json 内容:

Package.json 属性说明
name - 包名。

version - 包的版本号。

description - 包的描述。

homepage - 包的官网 url 。

author - 包的作者姓名。

contributors - 包的其他贡献者姓名。

dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。

repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。

main - main 字段指定了程序的主入口文件,require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。

keywords - 关键字

3、全局安装常用模块express

npm install -g express  //全局安装express模块

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第16张图片

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第17张图片

 npm常用命令:

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模块。

六、全局安装angular-cli和vue-cli,这是我自己需要的2个前端开发框架

1、安装angular

npm  install -g  @angular/cli  //全局安装angular脚手架

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第18张图片

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第19张图片

 2、安装vue

npm install -g @vue/cli   //全局安装vue脚手架vue -V     //查看vue版本

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)_第20张图片

你可能感兴趣的:(npm)