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
相关推荐
今天不要写bug1 分钟前
基于elementUI实现一个可编辑的表格(简洁版)
前端·javascript·elementui
上优4 分钟前
Vue3纯前端同源跨窗口通信移动AGV小车
前端·vue.js·状态模式
h_k100865 分钟前
Chrome 插件开发入门技术文章大纲
前端·chrome
一只小阿乐5 分钟前
vue-router 的实现原理
前端·javascript·vue.js·路由·vue-router
Zz_waiting.5 分钟前
案例开发 - 日程管理 - 第七期
开发语言·前端·javascript·vue.js·html·路由
一只小风华~9 分钟前
Vue:事件处理机制详解
前端·javascript·vue.js·typescript·前端框架
dy17174 小时前
element-plus表格默认展开有子的数据
前端·javascript·vue.js
2501_915918418 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone
程序员的世界你不懂8 小时前
【Flask】测试平台开发,新增说明书编写和展示功能 第二十三篇
java·前端·数据库
索迪迈科技8 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育