Java登陆第三十四天——Node.js安装、npm配置、npm命令

Rowbed / 2024-03-10 / 原文

Nodejs是JS的运行环境,使JS可以运行在服务端,可以夸平台,可以运行在浏览器之外,成为一款全栈编程语言。

Node.js安装

Nodejs官网,进入👈网站后ctrl+F搜索需要的版本即可;(本人是v18.16.0/node-v18.16.0-x64.msi)

nodejs安装配置菜鸟教程。
关于Automatically install the necessary tools. Note that this will also install Chocolatey. The scripwill pop-up in a new window after the installation completes.
image
这一步非需不勾选,大概意思就是安装一个名叫的Chocolate工具。不清楚是干啥的不勾选就行。

反正后续还可以在继续安装。(重新打开之前下载的node-v18.16.0-x64-change)
image

还能回到这两个步骤
image
image

finish后打开CMD,输入node -v,npm -v查询版本号。

node -v
v18.16.0

npm -v
9.5.1

npm

npm是安装Nodejs时自动下载的工具。

全名Node Package Manager,是Node.js包管理工具,相当于Maven 。

更改源

npm安装依赖默认是国外的官方源,更改源命令:

//更改为镜像源
npm config set registry https://registry.npmmirror.com
//查询源
npm config get registry

//官方源
https://registry.npmjs.org/

手动查询所有依赖网站👉npmjs.com

全局依赖和项目依赖

image
在win系统,默认的全局依赖地址:用户目录\AppData\Roaming\npm

修改全局依赖地址

打开CMD

//手动在磁盘中创建一个目录,作为全局依赖。必须确保地址无误
npm config set prefix "目录地址"

//查询全局依赖地址
npm config get prefix

手动升级npm为指定版本

建议管理员模式打开CMD

npm install -g npm@版本

//查询npm版本
npm -v
//查询nodejs版本
node -v

例如npm install -g npm@9.6.6。

npm常用命令

以下命令都需要在控制台或CMD窗口,进入具体的项目执行。

在控制台上会引导你填写一些信息,最终会生成一个package.json文件。

package.json包含项目的信息,等价于Maven中pom.xml。

Webstrom中控制台位置。
image

项目初始化

  • npm init [-y]

    • 添加-y选项,表示全默认初始化一个项目。

对某个项目进行初始化时,需要填写如下信息。

信息名 描述 默认值
package name 项目名 文件夹名
version 项目版本 1.0.0
description 描述
entry point 程序入口 app.js
test command 测试命令 生成一个echo
git repository git仓库
keywords 关键字
author 作者
license 证书 ISC

image
此时输入yes表示确定,若弹出建议更新信息,按需无视即可。
image

此时项目中会自动生成一个package.json,记录信息如下。
image

项目初始化可以是多次的,package.json是可以删除的。

安装依赖

npm仓库👉npmjs.com

同名依赖会覆盖:无论高版本👉低版本,低版本👉高版本。

  • npm install [-g] 包名[@版本号]

    • 默认安装的是项目依赖

    • install可简写为i

    • 不填写版本号默认为最新版本

    • 添加-g选项,表示安装的是全局依赖

安装vue最新版到项目依赖。
image

此时再打开package.json文件
image
dependencies眼熟吗?此时该文件中保存了项目所需依赖。

安装记录中的依赖

安装package.json中的所有记录的依赖

  • npm i

    • 等价于npm install

前面说到,package.json文件会保存项目所需依赖信息。

如果不小心删除了某些依赖,直接使用该命令重新安装即可。

同理,后续开发仅需传递该文件即可,由对方根据该文件,自行从仓库里安装依赖,大大减少了网络传输项目所需时间。

其他命令

命令 描述
npm update 包名[@版本号] 升级依赖到最新版,或指定版
npm uninstall 包名 卸载依赖
npm ls 查看项目依赖
npm list -g 查看全局依赖

npm脚本

  • npm run XXX

    • XXX为package.json文件中定义的
      image

该命令在后续的学习会补充。