npm与包

1.什么是包

Node.js 中第三方模块又叫做 包。

2.包共享平台

包是由第三方个人或团队开发出来,免费开源

www.npmjs.com 用此网站搜索包

3.安装包

在包共享平台中,每个包都有会使用说明

复制代码
# 默认安装最新
npm install 包名称   
npm i 包名称

# 安装多个
npm i 包名称 包名称

# 指定安装版本
npm install 包名称@x.xx.x            // x.xx.x为版本
# 第一个x代表大版本,第二个代表功能版本,第三个代表 Bug 修复版本   

4.切换下包镜像源

下载包速度慢,可以使用镜像服务器

复制代码
# 查看当前的下包镜像源
npm config get registry
# 将下包的镜像源切换为淘宝镜像源
npm config set registry=https://registry.npm.taobao.org/
# 检查
npm config get registry

5.nrm

为了更方便的切换下包的镜像源,我们可以安装 nrm,可快速查看和切换镜像源

复制代码
# 通过 npm 包管理器,将 nrm 安装为全局可用的工具
npm i nrm -g
# 查看所有可用的镜像源 *号代表目前使用的镜像源
nrm ls
# 将下包镜像源切换为淘宝镜像
nrm use taobao

6.安装完包

初次装包完成后,在项目文件夹下多一个叫做 node modules 的文件夹和 package-lock.json 的配置文件。不要手动修改里面的东西,npm包管理工具会自动维护。

node modules 文件夹用来存放所有已安装到项目中的包。require() 导入第三方包时,就是从这个目录中查找并加载包。

package-lock.json 配置文件用来记录 node modules 目录下的晦一个包的下载信息,例如包的名字、版本号、下载地址等。

7.dependencies

作用:在 package.json 中记录核心依赖包信息

正常安装默认为核心依赖包

8.devDependencies

作用:在 package.json 中记录开发依赖包信息

如果某些包只在项目开发阶段用到,在项目上线以后不会用到,建议把这些包记录在 devDependencies 中。相反,如果在开发及上线都用到,则记录在 dependencies 中。一般来说依据官方使用说明安装即可

复制代码
# 安装到 devDependencies 
npm i 包名称 -D
npm install 包名称 --save-dev
相关推荐
程序员猫哥3 分钟前
vue跳转页面的几种方法(推荐)
前端
代码老y32 分钟前
十年回望:Vue 与 React 的设计哲学、演进轨迹与生态博弈
前端·vue.js·react.js
一条上岸小咸鱼38 分钟前
Kotlin 基本数据类型(五):Array
android·前端·kotlin
大明8841 分钟前
用 mouseover/mouseout 事件代理模拟 mouseenter/mouseleave
前端·javascript
小杨梅君43 分钟前
vue3+vite中使用自定义element-plus主题配置
前端·element
一个专注api接口开发的小白1 小时前
Python + 淘宝 API 开发:自动化采集商品数据的完整流程
前端·数据挖掘·api
林太白1 小时前
Nuxt.js搭建一个官网如何简单
前端·javascript·后端
晴空雨1 小时前
一个符号让 indexOf 判断更优雅!JavaScript 位运算的隐藏技巧
前端·javascript
摸着石头过河的石头1 小时前
前端调试全攻略:从PC到移动端的一站式实战指南
前端·debug
小猪猪屁1 小时前
🚀 用 Nuxt3 打造公司官网:一场从 0 到 1 的实战冒险
前端