背景(js)
1、为什么js能操作DOM和BOM?
原因:每个浏览器都内置了DOM、BOM这样的API函数
2、浏览器中的js运行环境?
v8引擎:负责解析和执行js代码
内置API:由运行环境提供的特殊接口,只能在所属的运行环境中被调用
3、js能否做后端开发?
js代码想要执行,必须还要借助node.js
node.js
1、什么是node.js?
node.js是一个基于Chrome v8引擎的js运行环境
2、node.js中的js运行环境
- 浏览器是js的前端运行环境
- node.js是js的后端运行环境
- node.js中无法调用DOM和BOM等浏览器内置API
3、node.js可以做什么?
- 可以基于Express框架,快速构建Web应用
- 基于Electron框架,可以构建跨平台的桌面应用
- 基于restify框架,可以快速构建API接口项目
4、在Node.js环境中执行js代码
打开终端;输入node要执行的js文件路径(先切换到文件所在的路径,再输入node xxx.js)
5、终端的快捷键
- 使用Tab键,可以快速补全路径
- 使用esc键,可以快速清空当前输入命令
- 输入cls,可以清空终端
包
1、定义:Node.js中的第三方模块
2、为什么需要包?
包是基于内置模块封装出来的,提供了更高级、更方便的API,极大的提高了开发效率
npm
1、初次装包后多了哪些文件?
- node_modules:用来存放所有已安装到项目中的包。require()导入第三方包时,就从这个目录中查找并加载包
- package-lock.json:用来记录node_modules目录下的每一个包的下载信息
注:程序员不要手动修改node_modules或package-lock.json文件中的代码,npm包管理工具会自动维护它们
2、安装指定版本的包
例:npm i moment@2.22.2
3、包的语义化版本规范
形式:“点分十进制”,总共有三位数字,例:2.24.0
每一位数字代表含义如下:
- 第一位:大版本
- 第二位:功能版本
- 第三位:Bug修复版本
版本号提升规则:只要前面的版本号增长,后面的版本号归零
4、npm-install命令常用的参数有哪些?
1. npm install <package-name> //安装指定的包。
2. --save 或 -S //将安装的包添加到 dependencies 中(在 npm 5 及以后版本中,默认行为)。
3. --save-dev 或 -D //将安装的包添加到 devDependencies 中,适用于开发环境。
4. --global 或 -g //全局安装包,使其可在任何地方使用,而不仅限于当前项目。
5. --production //仅安装 dependencies 中的包,跳过 devDependencies,适用于生产环境。
6. --no-save //安装时不更新 package.json 文件。
7. --force //强制安装,即使在一些错误情况下,也会继续安装。
8. --silent //安装时不显示任何日志信息,适用于脚本中。
9. --verbose //显示详细的安装过程信息,便于调试。
10. --registry <url> //使用指定的 npm 注册表进行安装,适用于使用私有注册表的场景。
11. --no-audit //安装时禁用安全审计。
12. --legacy-peer-deps //忽略对等依赖的冲突,适用于需要旧版本依赖的项目。
包管理配置文件(package.json)
1、在项目开发中,一定要把node_modules文件夹,添加到.gitignore忽略文件中
node_modules
文件夹通常包含大量的依赖包,这些包可能占用数百兆字节的空间。将其从版本控制中排除,可以显著减少 Git 仓库的大小。
使用包时,通过 npm install
或 yarn install
命令可以自动根据 package.json
文件中的依赖清单安装所需的包
2、快速创建package.json
npm init -y
注:
- 上述命令只能在英文的目录下成功运行,不能出现空格
- 运行npm install 命令安装包的时候,npm包管理工具会自动把包的名称和版本号,记录到package.json中
3、dependencies
专门用来记录使用npm install命令安装了哪些包,这里面的包在开发和项目上线之后都需要用到
4、一次性安装所有包(把dependencies中涉及到的所以包都进行安装)
npm install
5、卸载包
npm uninstall 包名
6、devDependencies节点
这里面的包只在项目开发阶段用到,在项目上线后不会用到
npm i webpack -D
7、下包速度慢
为什么下包速度慢?
在使用npm下包时,默认从国外的服务器进行下载,此时,网络数据传输需要经过漫长的海底光缆,因此下包速度会很慢
如何解决下包速度慢?
使用:淘宝NPM镜像服务器
原理:淘宝的镜像服务器会把国外官方服务器上的包同步到国内服务器,同时在国内提供下包的服务,从而极大提高了下包的速度
如何切换npm下包镜像源?
下包镜像源:下包的服务器地址
//查看当前的下包镜像源
npm config get registry//将下包的镜像源切换到淘宝镜像源
npm config set registry=http://registry.npm.taobao.org/( 淘宝镜像源地址)
nrm
作用:更加方便的切换下包的镜像源
具体使用:
//通过npm包管理器,将nrm安装为全局可用的工具
npm i nrm -g//查看所有可用的镜像源
nrm ls//将下包的镜像源切换为taobao镜像
nrm use taobao
8、作用
1、包含项目的名称、版本、描述、作者、许可证等基本信息,帮助其他开发者了解项目。
2、列出项目所需的生产依赖(dependencies)和开发依赖(devDependencies),确保在安装项目时能够自动安装正确的包。
3、可以定义自定义命令(如测试、构建、启动等),通过 npm run 轻松调用
4、通过 version 字段管理项目的版本,便于发布和更新。
5、某些包可以在 package.json 中配置选项,提供项目的特定设置。
6、使用语义版本控制(SemVer)来指定依赖包的版本范围,确保项目在不同环境中的一致性。
7、通过定义项目的环境和依赖,使得项目在不同操作系统和环境中更易于安装和运行。
8、在发布包到 npm 注册表时,package.json 提供了必要的信息配置。
包管理工具下载包的分类
分类:项目包、全局包
项目包
定义:那些被安装到项目的node_modules中的包,都是项目包
分类:
- 开发依赖包:被记录到devDependencies节点下的包,只在开发期间会用到
- 核心依赖包:被记录到dependencies节点下的包,在开发期间和项目上线之后都会用到
安装命令区分:
npm i 包名 -D #开发依赖包
npm i 包名 #核心依赖包
全局包
只有工具性质的包,才有全局安装的必要;判断某个包是否需要全局安装后才能使用,可以参考官方文档的下载命令
安装:
npm i 包名 -g #全局安装指定的包
安装到:C:\Users\用户目录\AppData\Roaming\npm\node_modules
卸载:
npm uninstall 包名 -g #卸载全局的包
扩展小工具:
i5ting_toc
作用:可以把md文档转为html页面
使用步骤:
#将i5ting_toc安装为全局包
npm install -g i5ting_toc#调用i5ting_toc,轻松实现md转html的功能
i5ting_toc -f 要转换的文件路径 -o
规范的包结构
- 包必须以单独的目录而存在
- 包的顶级目录下要必须包含package.json这个包管理配置文件
- package.json中必须包含name、version、main这三个属性,分别代表包的名字、版本、包的入口