一.包的概念
1. 包:
将模块,代码,其他资料整合成一个文件夹,这个文件夹就叫包
2. 包分类:
- 项目包:主要用于编写项目和业务逻辑
- 软件包:封装工具和方法进行使用
3. 包要求:
根目录中,必须有 package.json 文件(记录包的清单信息)
4. 包使用:
在引入一个包文件夹到代码中,默认引入的是包文件节下的 index.js 模块文件里导出的对象,如果没有 index.js 文件,则会引入 package.json 里 main 属性指定的文件模块导出的对象
5. 需求:
封装数组求和函数的模块,封装判断用户名和密码长度函数的模块,形成一个软件包,并导入到 index.js 中使用查看效果
6. 代码示例:
-
utils/lib 相关代码在素材里准备好了,只需要自己在 utils/index.js 统一出口进行导出
/** * 本文件是,utils 工具包的唯一出口 * 作用:把所有工具模块方法集中起来,统一向外暴露 */ const { getArraySum } = require('./lib/arr.js') const { checkUser, checkPwd } = require('./lib/str.js') // 统一导出所有函数 module.exports = { getArraySum, checkUser, checkPwd }
-
index.js 导入软件包文件夹使用(注意:这次导入的是包文件夹,不是模块文件)
/** * 目标:导入 utils 软件包,使用里面封装的工具函数 */ const obj = require('./utils') console.log(obj) const result = obj.getArraySum([10, 20, 30]) console.log(result)
二.npm软件包管理器
1. npm 简介:
软件包管理器,用于下载和管理 Node.js 环境中的软件包
2. npm 使用步骤:
-
初始化清单文件: npm init -y (得到 package.json 文件,有则跳过此命令)
注意 -y 就是所有选项用默认值,所在文件夹不要有中文/特殊符号,建议英文和数字组成,因为 npm 包名限制建议用英文和数字或者下划线中划线
-
下载软件包:npm i 软件包名称
-
使用软件包
3. 需求:
使用 npm 下载 dayjs 软件包到本地项目文件夹中,引入到 index.js 中格式化日期打印,运行观察效果
4. 具体使用流程图:
三.npm安装所有依赖
1. 我们拿到了一个别人编写的项目,但是没有 node_modules,项目能否正确运行?
不能,因为缺少了项目需要的依赖软件包,比如要使用 dayjs 和 lodash 但是你项目里没有这个对应的源码,项目会报错的
2. 为何没有给我 node_modules?
因为每个人在自己的本机使用 npm 下载,要比磁盘间传递要快(npm 有缓存在本机)
3. 如何得到需要的所有依赖软件包呢?
直接在项目目录下,运行终端命令:npm i 即可安装 package.json 里记录的所有包和对应版本到本项目中的 node_modules
4. 需求:
请在准备好的素材项目中,安装项目所有需要的依赖软件包,并运行 index.js 代码看是否正常!
四.npm全局软件包-nodemon
1. 软件包区别:
- 本地软件包:当前项目内使用,封装属性和方法,存在于 node_modules
- 全局软件包:本机所有项目使用,封装命令和工具,存在于系统设置的位置
2. nodemon 作用:
替代 node 命令,检测代码更改,自动重启程序
3. 使用:
- 安装:npm i nodemon -g (-g 代表安装到全局环境中)
- 运行:nodemon 待执行的目标 js 文件
4. 需求:
使用 nodemon 命令来启动素材里准备好的项目,然后修改代码保存后,观察终端重启应用程序
五.Node.js概念和常用命令总结
1. Node.js 模块化:
把每个文件当做一个模块,独立作用域,按需加载,使用特定标准语法导出和导入使用
CommonJS 标准:一般应用在 Node.js 项目环境中
ECMAScript 标准:一般应用在前端工程化项目中
2. Node.js 包:
把模块文件,代码文件,其他资料聚合成一个文件夹就是包
项目包:编写项目需求和业务逻辑的文件夹
软件包:封装工具和方法进行使用的文件夹(一般使用 npm 管理)
- 本地软件包:作用在当前项目,封装的属性/方法,供项目调用编写业务需求
- 全局软件包:作用在所有项目,一般封装的命令/工具,支撑项目运行
3. Node.js 常用命令:
小结
1. 什么是包?
将模块,代码,其他资料聚合成的文件夹
2. 包分为哪 2 类呢?
项目包:编写项目代码的文件夹,软件包:封装工具和方法供开发者使用
3. package.json 文件的作用?
记录软件包的名字,作者,入口文件等信息
4. 导入一个包文件夹的时候,导入的是哪个文件?
默认 index.js 文件,或者 main 属性指定的文件
5. npm 软件包管理器作用?
下载软件包以及管理版本
6. 初始化项目清单文件 package.json 命令?
npm init -y
7. 下载软件包的命令?
npm i 软件包名字
8. 下载的包会存放在哪里?
当前项目下的 node_modules 中,并记录在 package.json 中
9. 当前项目中只有 package.json 没有 node_modules 怎么办?
当前项目目录下,打开终端,执行 npm i 安装所有依赖软件包
10. 为什么 node_modules 不进行传递?
因为用 npm 下载有缓存在本机,比磁盘之间传递要快
11. 本地软件包和全局软件包区别?
本地软件包,作用在当前项目,封装属性和方法
全局软件包,本地所有项目使用,封装命令和工具
12. nodemon 作用?
替代 node 命令,检测代码更改,自动重启程序
13. nodemon 怎么用?
先确保安装 npm i nodemon -g
使用 nodemon 执行目标 js 文件
14. 安装本地软件包的命令是什么?
npm i 软件包名