饰品公司网站建设方案,科技创新导报,网页设计师培训费用预算图,网站开发项目视频教程包管理工具系列文章目录
一、包管理工具--》npm的配置及使用#xff08;一#xff09;
二、包管理工具--》npm的配置及使用#xff08;二#xff09; 三、包管理工具--》发布一个自己的npm包
四、包管理工具--》yarn的配置及使用
五、包管理工具--》其他包管理器之cnpm…
包管理工具系列文章目录
一、包管理工具--》npm的配置及使用一
二、包管理工具--》npm的配置及使用二 三、包管理工具--》发布一个自己的npm包
四、包管理工具--》yarn的配置及使用
五、包管理工具--》其他包管理器之cnpm、pnpm、nvm
目录
cnpm
pnpm
安装和使用
pnpm原理
注意事项
nvm
下载和安装
使用nvm 写在最后 cnpm 官网地址https://npm.taobao.org/ 为解决国内用户连接npm registry缓慢的问题淘宝搭建了自己的registry即淘宝npm镜像源
过去npm没有提供修改registry的功能因此淘宝提供了一个CLI工具即cnpm它支持除了npm publish以外的所有命令只不过连接的是淘宝镜像源
如今npm已经支持修改registry了可能cnpm唯一的作用就是和npm共存即如果要使用官方源则使用npm如果使用淘宝源则使用cnpm pnpm
pnpm是一种新起的包管理器从npm的下载量看目前还没有超过yarn但它的实现方式值得主流包管理器学习某些开发者极力推荐使用pnpm
从结果上来看它具有以下优势
目前安装效率高于npm和yarn的最新版极其简洁的node_modules目录避免了开发时使用间接依赖的问题能极大的降低磁盘空间的占用
安装和使用
全局安装pnpm
npm install -g pnpm
之后在使用时只需要把npm替换为pnpm即可
如果要执行安装在本地的CLI可以使用pnpx它和 npx 的功能完全一样唯一不同的是在使用pnpx执行一个需要安装的命令时会使用pnpm进行安装 比如npx mocha执行本地的mocha命令时如果mocha没有安装则npx会自动的、临时的安装mocha安装好后自动运行mocha命令 pnpm原理 同 yarn 和 npm 一样pnpm 仍然使用缓存来保存已经安装过的包以及使用 pnpm-lock.yaml 来记录详细的依赖版本 不同于 yarn 和 npm pnpm 使用符号链接和硬链接可将它们想象成快捷方式的做法来放置依赖从而规避了从缓存中拷贝文件的时间使得安装和卸载的速度更快 由于使用了符号链接和硬链接pnpm可以规避windows操作系统路径过长的问题因此它选择使用树形的依赖结果有着几乎完美的依赖管理。也因为如此项目中只能使用直接依赖而不能使用间接依赖
注意事项
由于 pnpm 会改动 node_modules 目录结构使得每个包只能使用直接依赖而不能使用间接依赖因此如果使用 pnpm 安装的包中包含间接依赖则会出现问题(现在不会了除非使用了绝对路径)
由于 pnpm 超高的安装卸载效率越来越多的包开始修正之前的间接依赖代码 nvm
nvm并非包管理器它是用于管理多个node版本的工具
在实际的开发中可能会出现多个项目分别使用的是不同的node版本在这种场景下管理不同的node版本就显得尤为重要
nvm就是用于切换版本的一个工具
下载和安装
最新版下载地址https://github.com/coreybutler/nvm-windows/releases
下载nvm-setup.zip后直接安装
使用nvm
nvm提供了CLI工具用于管理node版本
在终端中输入nvm以查看各种可用命令 为了加快下载速度建议设置淘宝镜像 node淘宝镜像https://npm.taobao.org/mirrors/node/ npm淘宝镜像https://npm.taobao.org/mirrors/npm/ 写在最后
包管理工具--》栏目将详细讲解前端包管理器包括npmyarn及其他包管理器如果文中出现有瑕疵的地方各位通过评论或者私信联系我我们一起进步有兴趣的伙伴可以关注订阅一下点击查看更多实用技巧与知识
