第三方模块

第三方模块

第三方模块

定义

别人写好的具有特定功能的模块

地址

第三方类库国外地址

下载

在命令行输入:npm install(简写i) 模块名(比如:npm i jquery)
成功的效果图
添加的文件
node_modules文件夹存放下载的所有第三方模块
package-lock.json文件锁定版本,防止多人开发时,添加的第三方包版本不同

问题:当别人拷贝项目时,由于加载了太多模块,拷贝速度会非常慢

解决方法:不需要拷贝node_modules文件夹, 命令行输入:npm install (会将package.json所有依赖模块恢复到node_modules文件夹中)
在这里插入图片描述
package.json文件(每个根目录下存在,定义了项目所需模块、配置信息)

使用npm创建package.json文件的两种方法:

  1. npm init (需要填写配置信息(项目名、版本、描述、入口文件、脚本设置、作者、许可证))
 {
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
  1. npm init -y 快速生成(不能再中文名下生成)
    快速生成
    package.json文件重要字段
    dependencies: 生产环境依赖模块
    devDependencies:开发环境依赖模块
    生产环境添加模块
    命令行输入:npm install 模块名 -S(S大小写均可)
    开发环境添加模块
    命令行输入:npm install 模块名 -D(D必须大写)
    脚本设置
    “scripts”: {
    “key”: “value”
    }
    key:启动命令名
    value:指定命令
    运行:npm run key

卸载

npm uninstall 模块名

nodemon

作用

命令行工具,辅助开发项目,修改文件内容,保存就自动执行文件

下载

命令行输入:npm i nodemon -g(-g 全局安装,任意目录下可使用)
下载nodemon运行环境

执行文件

命令行输入:nodemon 文件名
文件运行成功

文件执行中常见的问题:

提示错误:无法加载文件 C:\Users\gxf\AppData\Roaming\npm\nodemon.ps1,因为在此系统上禁止运行脚本。
解决方法:点进去就可解决

nrm(资源管理器)

使用的原因:

node服务器在国外,下载模块慢。nrm是国内镜像库,下载会快很多。

下载

命令行输入:npm i nrm -g
成功下载

删除

命令行输入:npm uninstall nrm

查看可用源

命令行输入:nrm ls
一般会遇到这个问题
报错信息
解决方法:点进去就可解决
成功效果图(默认为npm)
成功查看

切换源

命令行输入:nrm use taobao
成功切换到taobao源

cnpm(淘宝镜像源)

使用的原因:

node服务器在国外,下载模块慢。cnpm是淘宝镜像源,下载会快很多。

下载

命令行输入:npm i cnpm -g

yarn

定义

包资源管理器和npm功能一样,但下载速度更快。

下载

命令行输入:npm i yarn -g
下载yarn

下载和卸载单个依赖

命令行输入:yarn add 模块名
下载模块
命令行输入:yarn remove 模块名
卸载模块
使用yarn创建package.json文件的两种方法:

  1. yarn init (需要填写配置信息(项目名、版本、入口文件、许可证、生产环境依赖))
 {
  "name": "yarn",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "jquery": "^3.6.0"
  }
}
  1. yarn init -y 快速生成(不能再中文名下生成)

安装项目里所有依赖

命令行输入:yarn install
安装所需模块

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值