npm&nvm&nrm&yarn常用的命令和常见的手法
ztj100 2024-11-17 18:14 62 浏览 0 评论
npm
查看全局依赖列表
npm install -g --depth 0
查看npm配置列表
npm config list
npm 升级
npm install npm@latest -g 或 npm i -g npm
@ 符号后面可以添加你想更新到的版本号
升级依赖
1. 按照自身规则升级
npm update webpack
执行后,会按照package.json里指定的版本升级规则升级(*,~,^,@)
2. 升级到特定版本
npm update webpack@2.3.3
此方式不会自动更新package.json文件的内容,需要手动更新
清除npm缓存
- 查看: npm config get cache
- 验证缓存数据的有效性和完整性: npm cache verify
- 删除缓存目录下的所有数据: npm cache clean --force
淘宝镜像源与cnpm
单次使用
npm install --registry=https://registry.npm.taobao.org
永久使用
设置成全局的下载镜像站点,这样每次install的时候就不用加--registry,默认会从淘宝镜像下载。
方法一
1. 打开.npmrc文件(nodejs\node_modules\npm\npmrc,没有的话可以使用git命令行 建一个( touch .npmrc),用cmd命令建会报错)
2. 增加 registry =https://registry.npm.taobao.org 即可。
方法二
命令行设置:
npm config set registry https://registry.npm.taobao.org
检测是否成功
npm config get registry
还原npm仓库地址
npm config set registry https://registry.npmjs.org/
cnpm和淘宝镜像一步到位
npm install -g cnpm --registry=https://registry.npm.taobao.org
检测cnpm版本 cnpm -v ,如果安装成功可以看到cnpm的基本信息 以后安装插件只需要使用 cnpm intall 即可
npm与cnpm区别
cnpm安装模块的时候会在node_modules文件夹生成二个文件夹,一个以下划线 _开头以及版本号组成的名字,一个正常名字的模块,文件夹名字虽然不一样,但里面文件是一样的。比如:
执行 cnpm install lodash ,会在 node_modules 文件夹下生成两个文件夹: _lodash@4.17.11@lodash 和 lodash
先执行了 cnpm install lodash ,然后再执行 npm install lodash ,npm安装的lodash会替换掉 cnpm安装的lodash包(包括以下划线开头那个包),文件夹会只剩一个npm先安装的lodash包。再 次 npm uninstall lodash 或者 cnpm uninstall lodash ,都会删除lodash包,此时插件包就变成空 文件夹了。
先执行了 cnpm install lodash ,然后再执行 npm uninstall lodash 后,此时会报错
npm ERR! code EINVALIDPACKAGENAME
npm ERR! Invalid package name "_lodash@4.17.11@lodash": name cannot start with an underscore;
name can only contain URL-friendly characters
但是使用cnpm uninstall lodash后,不会报错,此时会删掉cnpm安装的两个包中其中一个即非下划线 (正常名字)的包。剩余的那个包是可以正常通过鼠标点击打开的。然后在文件中require会报错,提示 没有这个包。
先执行了cnpm install lodash,然后手动删除cnpm安装的两个包中其中一个即下划线(非正常名字) 的包,剩余的那个包,发现无法通过鼠标点击打开了。然后在文件中require会报错,提示没有这个包。
所以,cnpm安装的的2个模块,两者应该存在引用关系,正常名字模块是非正常名字模块的索引,两者 都必须存在才可以使用。但是npm安装下来就不存在这种情况了,因为只有一个正常名字模块。
发现,尽管使用npm改成淘宝仓库,发现安装速度还是远远比cnpm慢(当模块比较多的时候)。可能 应该和cnpm安装的文件结构有关系吧。
nrm 管理源
- 全局安装nrm: npm install -g nrm
- 查看可选的源: nrm ls
- 切换源: nrm use 例如: nrm use taobao
- 增加源: nrm add <registry> <url> ,其中reigstry为源名,url为源的路径 删除源: nrm del <registry>
- 测试速度: nrm test ,通过 nrm test 测试相应源的响应时间
举个栗子
- 增加: nrm add registry http://registry.npm.frp.trmap.cn/
- 切换: nrm use taobao
- 测试: nrm test npm
使用不同源安装依赖有两种方式
1. 使用nrm来回切换源进行安装
2. 不使用nrm切换,设置安装 npm i -g pkg --registry url
nvm
nvm和n都是node版本管理工具
为了解决node各种版本存在不兼容现象
nvm是让你在同一台机器上安装和切换不同版本的node的工具
命令
- nvm ls-remote :列出所有可以安装的node版本号
- nvm install v10.4.0 :安装指定版本号的node
- nvm use v10.3.0 :切换node的版本,这个是全局的
- nvm current :当前node版本
- nvm ls :列出所有已经安装的node版本
yarn
安装yarn
npm install -g yarn
安装成功后,查看版本号:
yarn --version
创建文件夹 yarn
md yarn
进入yarn文件夹
cd yarn
初始化项目
yarn init // 同npm init,执行输入信息后,会生成package.json文件
yarn的配置项:
yarn config list // 显示所有配置项
yarn config get //显示某配置项
yarn config delete //删除某配置项
yarn config set [-g|--global] //设置配置项
安装包:
yarn install //安装package.json里所有包,并将包及它的所有依赖项保存yarn.lock yarn install --flat //安装一个包的单一版本
yarn install --force //强制重新下载所有包
yarn install --production //只安装dependencies里的包
yarn install --no-lockfile //不读取或生成yarn.lock
yarn install --pure-lockfile //不生成yarn.lock
添加包(会更新package.json和yarn.lock):
yarn add [package] // 在当前的项目中添加一个依赖包,会自动更新到package.json和 yarn.lock文件中
yarn add [package]@[version] // 安装指定版本,这里指的是主要版本,如果需要精确到小版本, 使用-E参数
yarn add [package]@[tag] // 安装某个tag(比如beta,next或者latest)
//不指定依赖类型默认安装到dependencies里,你也可以指定依赖类型: yarn add --dev/-D // 加到 devDependencies
yarn add --peer/-P // 加到 peerDependencies
yarn add --optional/-O // 加到 optionalDependencies
//默认安装包的主要版本里的最新版本,下面两个命令可以指定版本:
yarn add --exact/-E // 安装包的精确版本。例如yarn add foo@1.2.3会接受1.9.1版,但是 yarn add foo@1.2.3 --exact只会接受1.2.3版
yarn add --tilde/-T // 安装包的次要版本里的最新版。例如yarn add foo@1.2.3 --tilde会 接受1.2.9,但不接受1.3.0
发布包
yarn publish
移除一个包
yarn remove :移除一个包,会自动更新package.json和yarn.lock 更新一个依赖
yarn upgrade 用于更新包到基于规范范围的最新版本
运行脚本
yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本 显示某个包的信息
yarn info 可以用来查看某个模块的最新版本信息
缓存
yarn cache
yarn cache list # 列出已缓存的每个包 yarn cache dir # 返回 全局缓存位置 yarn cache clean # 清除缓存
yarn升级
不能通过npm install yarn -g的方法获得最新的yarn
- 方案一
通过msi安装升级yarn通过msi安装的yarn并不会覆盖通过npm安装的yarn,两者同时存在。卸载 的话,也是分开卸载的。
- 方案二
npm加版本号安装我们已经知道了yarn的最新版的版本号,就可以直接指定版本号进行安装。 npm install yarn@1.3.2 -g
查看npm上的最新版本: npm view yarn version n
pm加latest安装: npm install yarn@latest -g
yarn的卸载
理论上来说,npm/cnpm/yarn安装的包都是不同的包,通过msi安装的包也是不同的包,需要使用对应的方式进行卸载。所以卸载的时候,可能会比较混乱。
在window环境下,也存在着个 where 命令(但是没有 which )。这个命令,可以清晰的指示你,当前 的yarn的路径,进而选择对应的删除方式。
举个栗子
yarn安装taro依赖包后,运行taro却不是内部命令。
解决:
1. 首先终端运行命令 yarn global bin ,查找yarn安装目录
2. 把安装目录添加到系统环境变量中,重新打开终端即可
相关推荐
- Jquery 详细用法
-
1、jQuery介绍(1)jQuery是什么?是一个js框架,其主要思想是利用jQuery提供的选择器查找要操作的节点,然后将找到的节点封装成一个jQuery对象。封装成jQuery对象的目的有...
- 前端开发79条知识点汇总
-
1.css禁用鼠标事件2.get/post的理解和他们之间的区别http超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。HTTP的工作方式是客户机与服务器之间的请求-应答协议。...
- js基础面试题92-130道题目
-
92.说说你对作用域链的理解参考答案:作用域链的作用是保证执行环境里有权访问的变量和函数是有序的,作用域链的变量只能向上访问,变量访问到window对象即被终止,作用域链向下访问变量是不被允许的。...
- Web前端必备基础知识点,百万网友:牛逼
-
1、Web中的常见攻击方式1.SQL注入------常见的安全性问题。解决方案:前端页面需要校验用户的输入数据(限制用户输入的类型、范围、格式、长度),不能只靠后端去校验用户数据。一来可以提高后端处理...
- 事件——《JS高级程序设计》
-
一、事件流1.事件流描述的是从页面中接收事件的顺序2.事件冒泡(eventbubble):事件从开始时由最具体的元素(就是嵌套最深的那个节点)开始,逐级向上传播到较为不具体的节点(就是Docu...
- 前端开发中79条不可忽视的知识点汇总
-
过往一些不足的地方,通过博客,好好总结一下。1.css禁用鼠标事件...
- Chrome 开发工具之Network
-
经常会听到比如"为什么我的js代码没执行啊?","我明明发送了请求,为什么反应?","我这个网站怎么加载的这么慢?"这类的问题,那么问题既然存在,就需要去解决它,需要解决它,首先我们得找对导致问题的原...
- 轻量级 React.js 虚拟美化滚动条组件RScroll
-
前几天有给大家分享一个Vue自定义滚动条组件VScroll。今天再分享一个最新开发的ReactPC端模拟滚动条组件RScroll。...
- 一文解读JavaScript事件对象和表单对象
-
前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScrip...
- Python函数参数黑科技:*args与**kwargs深度解析
-
90%的Python程序员不知道,可变参数设计竟能决定函数的灵活性和扩展性!掌握这些技巧,让你的函数适应任何场景!一、函数参数设计的三大进阶技巧...
- 深入理解Python3密码学:详解PyCrypto库加密、解密与数字签名
-
在现代计算领域,信息安全逐渐成为焦点话题。密码学,作为信息保护的关键技术之一,允许我们加密(保密)和解密(解密)数据。...
- 阿里Nacos惊爆安全漏洞,火速升级!(附修复建议)
-
前言好,我是threedr3am,我发现nacos最新版本1.4.1对于User-Agent绕过安全漏洞的serverIdentitykey-value修复机制,依然存在绕过问题,在nacos开启了...
- Python模块:zoneinfo时区支持详解
-
一、知识导图二、知识讲解(一)zoneinfo模块概述...
- Golang开发的一些注意事项(一)
-
1.channel关闭后读的问题当channel关闭之后再去读取它,虽然不会引发panic,但会直接得到零值,而且ok的值为false。packagemainimport"...
- Python鼠标与键盘自动化指南:从入门到进阶——键盘篇
-
`pynput`是一个用于控制和监控鼠标和键盘的Python库...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)