NodeJS 安装配置快速使用入门、npm 常用命令

NodeJS 安装

1、2009年，Ryan Dahl 在谷歌的 Chrome V8 引擎基础上，打造了基于事件循环的异步 IO 框架 Node.js。
。基于时间循环的异步 IO
。单线程运行，避免多线程的变量同步问题
。JS 可以编写后台代码，前后台统一编程语言。

2、node.js 的伟大之处不在于让 JS 迈向了后端开发，而是构建了一个庞大的生态系统。2010年，NPM 作为 node.js 的包管理系统首次发布，开发人员可以遵循 Common.js 规范来编写Node.js 模块，然后发布到 NPM 上供其他开发人员使用，目前已经是世界最大的包模块管理系统。随后，在 node 的基础上，涌现出了一大批的前端框架，其中就包括 Vue.js。

3、直接从官网下载最新版本，如 Windows 系统安装文件：https://nodejs.org/dist/v16.17.1/node-v16.17.1-x64.msi。

4、安装非常简单，修改安装路径，其余全部默认即可，本文以当前最新的 V16.17.1 进行演示，安装 Node.js 时会一起安装 npm。

5、安装完成后，可以在 cmd 中使用命令查看是否安装成功。

C:\Users\Think>node -v
v16.17.1
C:\Users\Think>npm -v
8.15.0
C:\Users\Think>

NodeJS 配置

1、虽然修改了 NodeJS 的安装位置，没有让它安装在默认的 C 盘，但是通过 npm 全局安装的包默认还是会在【C:\Users\用户名\AppData\Roaming\npm】路径下，此时需要简单设值一下。

2、通常将 npm 下载的包路径以及缓存路径存放在 nodejs 的根目录下，找到安装 nodejs 的路径，在根目录下新建 node_global 和 node_cache 文件夹，其中 node_cache 用于做缓存目录，node_global 用于存放 npm 全局下载的文件。

3、以管理员身份打开 cmd，运行以下 2 条命令设值目录：

C:\WINDOWS\system32>npm config set prefix "D:\software2020\nodejs\node_global"
C:\WINDOWS\system32>npm config set cache "D:\software2020\nodejs\node_cache"

4、为了 npm 下载东西时速度快一些，可以配置镜像站，比如淘宝镜像，以管理员身份打开 cmd 运行：

C:\WINDOWS\system32>npm config set registry=http://registry.npm.taobao.org

5、检查镜像站是否可用，如下所示看能否获取到 vue 信息：

C:\WINDOWS\system32>npm info vue

[email protected] | MIT | deps: 5 | versions: 411
The progressive JavaScript framework for building modern web UI.
https://github.com/vuejs/core/tree/main/packages/vue#readme

keywords: vue

dist
.tarball: https://registry.npmmirror.com/vue/-/vue-3.2.40.tgz
.shasum: 23f387f6f9b3a0767938db6751e4fb5900f0ee34
.integrity: sha512-1mGHulzUbl2Nk3pfvI5aXYYyJUs1nm4kyvuz38u4xlQkLUn1i2R7nDbI4TufECmY8v1qNBHYy62bCaM+3cHP2A==
.unpackedSize: 2.6 MB

dependencies:
@vue/compiler-dom: 3.2.40    @vue/runtime-dom: 3.2.40     @vue/shared: 3.2.40
@vue/compiler-sfc: 3.2.40    @vue/server-renderer: 3.2.40

maintainers:
- posva <[email protected]>
- yyx990803 <[email protected]>

dist-tags:
beta: 3.2.34-beta.1       latest: 3.2.40            next: 3.2.36              v2-beta: 2.7.0-beta.8
csp: 1.0.28-csp           legacy: 2.6.14            v2-alpha: 2.7.0-alpha.12  v2-latest: 2.7.10

published a week ago by yyx990803 <[email protected]>
npm notice
npm notice New minor version of npm available! 8.15.0 -> 8.19.2
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.19.2
npm notice Run npm install -g [email protected] to update!
npm notice

6、可以使用 npm config list 查看配置信息：

C:\WINDOWS\system32>npm config list
; "builtin" config from D:\software2020\nodejs\node_modules\npm\npmrc

; prefix = "C:\\Users\\Think\\AppData\\Roaming\\npm" ; overridden by user

; "user" config from C:\Users\Think\.npmrc

cache = "D:\\software2020\\nodejs\\node_cache"
config = "set"
prefix = "D:\\software2020\\nodejs\\node_global"
registry = "http://registry.npm.taobao.org/"

; node bin location = D:\software2020\nodejs\node.exe
; node version = v16.17.1
; npm local prefix = C:\WINDOWS\system32
; npm version = 8.15.0
; cwd = C:\WINDOWS\system32
; HOME = C:\Users\Think
; Run `npm config ls -l` to show all defaults.

7、配置环境变量：

新建系统环境变量：NODE_PATH = D:\software2020\nodejs\node_global\node_modules

修改系统变量 PATH，增加值：D:\software2020\nodejs(默认安装时已经自动添加了)、D:\software2020\nodejs\node_global

npm 常用命令

node -v        查看 Node 安装版本
npm -v      查看 npm 安装版本
npm help <command>        查看 npm 命令列表
npm -l        查看各个命令的用法

npm get registry        查看 npm 镜像地址
npm config set registry=http://registry.npm.taobao.org        修改 npm 镜像地址(如淘宝)
npm config set proxy=http://ip:port        设置代理
npm config list [-L]        查看 npm 的配置
list -l 可以看到)
npm config del key        删除 npm 配置

npm view gulp versions    查看安装包历史版本
npm info gulp        查看远程安装包的详细信息

npm install gulp      当前目录下安装指定包(默认安装最新版本)
npm install -g [email protected]         全局安装指定版本的包
npm install gulp -S       将安装包信息加入到 package.json 中的 dependencies 下(生产阶段的依赖，默认如此)
npm install gulp -D     将安装包信息加入到 package.json 中的 devDependencies 下(开发阶段的依赖)
npm install gulp -O        将安装包信息加入到 package.json 中的 optionalDependencies 下(可选阶段的依赖)

npm root [-g]        查看包的安装路径(输出node_modules的路径)

npm list     查看当前目录下已安装的包
npm list -g --depth 0        列出全局安装的模块 带上[--depth 0] 不深入到包的支点 更简洁
npm ls         查看当前目录下已安装的包
npm list -g        查看全局已安装的包
npm ls -g        查看全局已安装的包

npm outdated        查看当前目录下的所有的包是否存在新版本(-g表示全局)
npm outdated -g gulp        查看全局指定的包是否存在新版本
npm update gulp        更新本地指定的包
npm update -g         更新全局所有的包(-g表示全局，不指定具体包时，更新全部)

npm uninstall gulp        卸载当前目录下的指定的包(-g 卸载全局依赖)

--初始化生成一个新的 package.json 文件。它会向用户提问一系列问题，如果觉得不用修改默认配置，一路回车就可以了。
--尾缀带-f（代表force）、-y（代表yes），则跳过提问阶段，直接生成一个新的 package.json 文件。
npm init