npm软件包管理器

npm软件包管理器

pm 简介链接: 软件包管理器,用于下载和管理 Node.js 环境中的软件包

一.npm 使用步骤

1.初始化清单文件: npm init -y (得到 package.json 文件,有则跳过此命令)注意 -y 就是所有选项用默认值,所在文件夹不要有中文/特殊符号,建议英文和数字组成,因为 npm 包名限制建议用英文和数字或者下划线中划线

2.下载软件包:npm i 软件包名称

3.使用软件包

需求:使用 npm 下载 dayjs 软件包到本地项目文件夹中,引入到 index.js 中格式化日期打印,运行观察效果

具体使用流程图:

下载的包会存放在当前项目下的 node_modules 中,并记录在 package.json 中

二.npm安装所有依赖

我们拿到了一个别人编写的项目,但是没有 node_modules,项目不能正常运行,因为缺少了项目需要的依赖软件包,比如要使用 dayjs 和 lodash 但是你项目里没有这个对应的源码,项目会报错的

因为每个人在自己的本机使用 npm 下载,要比磁盘间传递要快(npm 有缓存在本机)

直接在项目目录下,运行终端命令:npm i 即可安装 package.json 里记录的所有包和对应版本到本项目中的 node_modules

三.npm全局软件包-nodemon

软件包区别:

本地软件包:当前项目内使用,存在于 node_modules

全局软件包:本机所有项目使用,封装命令和工具,存在于系统设置的位置

nodemon 作用:替代 node 命令,检测代码更改,自动重启程序

使用:

  1. 安装:npm i nodemon -g (-g 代表安装到全局环境中)
  2. 运行:nodemon 待执行的目标 js 文件

Node.js 常用命令:

相关推荐
IT_陈寒4 小时前
Vue这个坑我跳了两次,原来问题出在这
前端·人工智能·后端
kyriewen4 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
WebInfra5 小时前
Rspack 2.1 发布:React Compiler 提速 10 倍!
前端
李明卫杭州5 小时前
CSS 媒体查询详解:一文掌握响应式设计的核心技术
前端
lichenyang4536 小时前
从 H5 按钮到 OpenHarmony 能力调用:我如何理解 ASCF 的运行链路
前端
下家7 小时前
我放弃了 Vue/React,选择自研框架
前端·前端框架
Asize7 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙7 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
Mahut7 小时前
我用 Electron + FFmpeg 做了一个本地视频处理工作站 ClipForge
前端·ffmpeg·electron
前端Hardy7 小时前
又一个 AI 神器火了!
前端·javascript·后端