node 之 npm

1.什么是包

node.js中的第三方模块又叫做包

就像电脑和计算机指的是相同的东西,第三方模块和包指的是同一个概念,只不过叫法不同

2.包的来源

不同于 Node.js 中的内置模块与自定义模块,包是由第三方个人或团队开发出来的,免费供所有人使用。

注意:Node.js 中的包都是免费且开源的,不需要付费即可免费下载使用。

3.为什么需要包

由于 Node.js 的内置模块仅提供了一些底层的 API,导致在基于内置模块进行项目开发的时,效率很低。

包是基于内置模块封装出来的,提供了更高级、更方便的 API,极大的提高了开发效率。

包和内置模块之间的关系,类似于jQuery 和 浏览器内置 API 之间的关系。

4.从哪里下载包

国外有一家IT 公司,叫做npm,Inc.这家公司旗下有一个非常著名的网站:地址,它是全球最大的包共享平台,你可以从这个网站上搜索到任何你需要的包,只要你有足够的耐心!

npm,Inc.公司提供了一个地址为 https://registry.npmjs.org/ 的服务器,器上下载自己所需要的包。

注意:

https://www.npmjs.com/ 网站上搜索自己所需要的包

https://registry.npmjs.org/ 服务器上下载自己需要的包

5.如何下载包

npm,Inc.公司提供了一个包管理工具,我们可以使用这个包管理工具,从 https://registry.npmjs.org/ 服务器把需要的包下载到本地使用。这个包管理工具的名字叫做 Node Package Manager(简称npm 包管理工具),这个包管理工具随着 Nodejs 的安装包一起被安装到了用户的电脑上。大家可以在终端中执行npm-v 命令,来查看自己电脑上所安装的npm 包管理工具的版本号:

javascript 复制代码
npm -v

6.npm 初体验

6.1格式化时间的传统做法

步骤

1️⃣创建格式化时间的自定义模块

2️⃣定义格式化时间的方法

3️⃣创建补零函数

4️⃣从自定义模块中导出格式化时间的函数

5️⃣导入格式化时间的自定义模块

6️⃣调用格式化时间的函数

javascript 复制代码
// 1. dateFormat.js文件定义格式化时间的方法
function dateFormat(dtStr) {
  const dt = new Date(dtStr)

  const y = dt.getFullYear()
  const m = padZero(dt.getMonth() + 1)
  const d = padZero(dt.getDate())

  const hh = padZero(dt.getHours())
  const mm = padZero(dt.getMinutes())
  const ss = padZero(dt.getSeconds())

  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
}

// 定义补零的函数
function padZero(n) {
  return n > 9 ? n : '0' + n
}

module.exports = {
  dateFormat
}
javascript 复制代码
// 导入自定义的格式化时间的模块
const TIME = require('./dateFormat')
// 调用方法,进行时间的格式化
const dt = new Date()
const newDT = TIME.dateFormat(dt)
console.log(newDT)

6.2格式化时间的高级做法

步骤:

1️⃣使用npm包管理工具,在项目中安装格式化时间的包moment

2️⃣使用require()导入格式化时间的包

3️⃣参考moment的官方API文档对时间进行格式化

javascript 复制代码
// 1. 导入需要的包
// 注意:导入的名称,就是装包时候的名称
const moment = require('moment')

const dt = moment().format('YYYY-MM-DD HH:mm:ss')
console.log(dt)

6.3在项目中安装包的命令

npm install 包完整的名称

简写:npm i 包完整的名称

6.4初次装包后多了哪些文件

初次装包完成后,在项目文件夹下多一个叫做node modules 的文件夹和 package-lockjson 的配置文件

其中:

node modules 文件夹用来存放所有己安装到项目中的包。require 导入第三方包时,就是从这个目录中查找并加载包。package-lockjson 配置文件用来记录 node modules 目录下的每一个包的下载信息,例如包的名字、版本号、下载地址等。

注意:程序员不需要手动修改node_modulesh或package-lock.json文件中的任何代码,npm包管理工具会自动维护它们。

6.5安装指定版本的包

默认情况下,使用npm install 命令安装包的时候,会自动安装最新版本的包。如果需要安装指定版本的包,可以在包名之后,通过@符号指定具体的版本,例如:

npm i moment@2.22.2

6.6包的语义化版本规范

包的版本号是以"点分十进制"形式进行定义的,总共有三位数字,例如2.24.0其中每一位数字所代表的的含义如下:

第1位数字:大版本

第2位数字:功能版本

第3位数字:Bug修复版本

版本号提升的规则: 只要前面的版本号增长了,则后面的版本号归零

7.包管理配置文件

npm 规定,在项目根目录中,必须提供一个叫做 packagejson 的包管理配置文件。用来记录与项目有关的一些配置信息。例如:

项目的名称、版本号、描述等

项目中都用到了哪些包

哪些包只在开发期间会用到

那些包在开发和部署时都需要用到

7.1如何记录项目中安装了哪些包

在项目根日录中,创建一个叫做 package.json 的配置文件,即可用来记录项目中安装了哪些包。从而方便剔除node_modules 目录之后,在团队成员之间共享项目的源代码

注意:今后在项目开发中,一定要把 node_modules 文件夹,添加到.gitignore 忽略文件中

7.2快速创建package.json

npm包管理工具提供了一个快捷命令,可以在执行命令所处的目录中,快速创建package.json这个包管理配置文件:

npm init -y

7.3dependencies节点

package.json文件中,又一个dependencies节点,专门用来记录npm install 命令安装了哪些包

7.4一次性安装所有的包

可以运行npm install命令或(npm i)一次性安装所有的依赖包

执行npm install命令时,npm包管理工具会先获取pack.json中的dependencies节点

读取到记录的所有依赖包名称和版本号后,npm包管理工具会把这些包一次性下载到项目中

npm install

7.5卸载包

npm uninstall 包名

7.6devDependencies节点

如果某些包只在项目开发阶段会用到,在项目上线之后不会用到,则建议把这些包记录到devDependencies节点中。

与之对应的,如果某些包在开发和项目上线之后都需要用到,则建议把这些包记录到dependencies节点中

npm i 包名 -D 或

npm install 包名 --save-dev

相关推荐
蟾宫曲2 小时前
在 Vue3 项目中实现计时器组件的使用(Vite+Vue3+Node+npm+Element-plus,附测试代码)
前端·npm·vue3·vite·element-plus·计时器
秋雨凉人心2 小时前
简单发布一个npm包
前端·javascript·webpack·npm·node.js
liuxin334455662 小时前
学籍管理系统:实现教育管理现代化
java·开发语言·前端·数据库·安全
qq13267029402 小时前
运行Zr.Admin项目(前端)
前端·vue2·zradmin前端·zradmin vue·运行zradmin·vue2版本zradmin
魏时烟3 小时前
css文字折行以及双端对齐实现方式
前端·css
哥谭居民00014 小时前
将一个组件的propName属性与父组件中的variable变量进行双向绑定的vue3(组件传值)
javascript·vue.js·typescript·npm·node.js·css3
2401_882726484 小时前
低代码配置式组态软件-BY组态
前端·物联网·低代码·前端框架·编辑器·web
web130933203984 小时前
ctfshow-web入门-文件包含(web82-web86)条件竞争实现session会话文件包含
前端·github
胡西风_foxww4 小时前
【ES6复习笔记】迭代器(10)
前端·笔记·迭代器·es6·iterator
前端没钱5 小时前
探索 ES6 基础:开启 JavaScript 新篇章
前端·javascript·es6