本機環(huán)境：win11家庭中文版

一、官網(wǎng)下載

?二、安裝

?

?

?

?

?

?

?三、查看nodejs及npm版本號

1、查看node版本號

node -v

2、查看NPM版本號（安裝nodejs時已自動安裝npm）

npm -v

?四、配置npm全局下載工具包和緩存目錄

1、查看安裝目錄

?在本目錄下創(chuàng)建node_global和node_cache目錄，以后通過npm安裝的依賴工具包將會安裝到node_global文件夾下，避免安裝到默認的C盤下。

?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"  //設置緩存目錄

?3、將node_global和node_cacche寫入到環(huán)境變量中。

3.1、在系統(tǒng)環(huán)境中新增一個NODE_HOME變量，值為nodejs安裝的目錄

3.2、在path里新增2條，將node_global和node_cacche這2個文件夾路徑寫入。

?3.3、環(huán)境變量配置完成，將淘寶鏡像設置為npm的源，否則在下載安裝工具包時會特別慢（除非科學上網(wǎng)）

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配置列表

?五、測試

1、查看node_global目錄為空

?

2、使用 npm 命令安裝模塊

npm 安裝 Node.js 模塊語法格式如下：

$ npm install <Module Name>

以下實例，我們使用 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   # 全局安裝

如果出現(xiàn)以下錯誤：

npm err! Error: connect ECONNREFUSED 127.0.0.1:8087 

解決辦法為：

$ npm config set proxy null

本地安裝

• 1. 將安裝包放在 ./node_modules 下（運行 npm 命令時所在的目錄），如果沒有 node_modules 目錄，會在當前執(zhí)行 npm 命令的目錄下生成 node_modules 目錄。
• 2. 可以通過 require() 來引入本地安裝的包。

全局安裝

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

如果你希望具備兩者功能，則需要在兩個地方安裝它或使用?npm link。

接下來我們使用全局方式安裝 express

$ npm install express -g

安裝過程輸出如下內容，第一行輸出了模塊的版本號及安裝位置。

express@4.13.3 node_modules/express
├── escape-html@1.0.2
├── range-parser@1.0.2
├── merge-descriptors@1.0.0
├── array-flatten@1.1.1
├── cookie@0.1.3
├── utils-merge@1.0.0
├── parseurl@1.3.0
├── cookie-signature@1.0.6
├── methods@1.1.1
├── fresh@0.3.0
├── vary@1.0.1
├── path-to-regexp@0.1.7
├── content-type@1.0.1
├── etag@1.7.0
├── serve-static@1.10.0
├── content-disposition@0.5.0
├── depd@1.0.1
├── qs@4.0.0
├── finalhandler@0.4.0 (unpipe@1.0.0)
├── on-finished@2.3.0 (ee-first@1.1.1)
├── proxy-addr@1.0.8 (forwarded@0.1.0, ipaddr.js@1.0.1)
├── debug@2.2.0 (ms@0.7.1)
├── type-is@1.6.8 (media-typer@0.3.0, mime-types@2.1.6)
├── accepts@1.2.12 (negotiator@0.5.3, mime-types@2.1.6)
└── send@0.13.0 (destroy@1.0.3, statuses@1.2.1, ms@0.7.1, mime@1.3.4, http-errors@1.3.1)

查看安裝信息

你可以使用以下命令來查看所有全局安裝的模塊：

$ npm list -g

├─┬ cnpm@4.3.2
│ ├── auto-correct@1.0.0
│ ├── bagpipe@0.3.5
│ ├── colors@1.1.2
│ ├─┬ commander@2.9.0
│ │ └── graceful-readlink@1.0.1
│ ├─┬ cross-spawn@0.2.9
│ │ └── lru-cache@2.7.3
……

如果要查看某個模塊的版本號，可以使用命令如下：

$ npm list grunt

projectName@projectVersion /path/to/project/folder
└── grunt@0.4.1

使用 package.json

package.json 位于模塊的目錄下，用于定義包的屬性。接下來讓我們來看下 express 包的 package.json 文件，位于 node_modules/express/package.json 內容：

Package.json 屬性說明
name - 包名。

version - 包的版本號。

description - 包的描述。

homepage - 包的官網(wǎng) 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模塊

?npm常用命令：

npm -v：查看npm安裝的版本。
npm init：會引導你建立一個package.json文件，包括名稱、版本、作者等信息。
npm list：查看當前目錄下已安裝的node包。
npm ls：查看當前目錄下已安裝的node包。
npm install moduleNames：安裝Node模塊到本地目錄node_modules下。
npm install < name > -g：將包安裝到全局環(huán)境中。
npm install < name > --save：安裝的同時，將信息寫入package.json中，項目路徑中若是有package.json文件時，直接使用npm install方法就能夠根據(jù)dependencies配置安裝全部的依賴包，這樣代碼提交到git時，就不用提交node_modules這個文件夾了。
npm install < name> --save-dev：安裝的同時，將信息寫入package.json中項目路徑中若是有package.json文件時，直接使用npm install方法就能夠根據(jù)devDependencies配置安裝全部的依賴包，這樣代碼提交到git時，就不用提交node_modules這個文件夾了。
npm uninstall moudleName：卸載node模塊。

六、全局安裝angular-cli和vue-cli，這是我自己需要的2個前端開發(fā)框架

1、安裝angular

npm  install -g  @angular/cli  //全局安裝angular腳手架

?2、安裝vue

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

文章來源地址http://www.zghlxwxcb.cn/news/detail-634574.html

到了這里，關于Nodejs安裝及環(huán)境變量配置（修改全局安裝依賴工具包和緩存文件夾及npm鏡像源）的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！