建设维护网站 未签订合同,网络公司市值最新排名,宣传类的网站怎么做,深圳做微藻的公司网站大家好#xff0c;我是若川。我持续组织了近一年的源码共读活动#xff0c;感兴趣的可以 点此扫码加我微信 ruochuan12 参与#xff0c;每周大家一起学习200行左右的源码#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…大家好我是若川。我持续组织了近一年的源码共读活动感兴趣的可以 点此扫码加我微信 ruochuan12 参与每周大家一起学习200行左右的源码共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外目前建有江西|湖南|湖北籍前端群可加我微信进群。都2022 年了你总不能还只会 npm i 吧?在键帽与字符上横跳于代码和程序中穿梭。一起面向快乐编程这次给大家带来一篇 npm 命令相关的文章。目的在于查缺补漏提升效率。npm 作为 node 包管理器内置了非常多的命令供我们日常开发使用记住以下列出的命令将会给日常开发带来非常大的便利性。好了话不多说看代码 给喜欢的包加星(类似 github 的 star)其实我把加星就当作是收藏的操作其实在 npm 中它就是收藏的作用因为在官网中我们并不能像 github 一样清楚的看到这个仓库有多少颗 star。npm star [package-name]取消收藏npm unstar [package-name]查看收藏列表npm stars这些操作都会报错在你的账号下所以很方便。不用担心本机操作后其他地方看不到。你只需要有一个 npm 账户就可以了还没有的话可以看本文第二节 注册一个并登录吧。登录 npm首先你要有一个 npm 的账号没有的在npm 官网[1]注册一个就行了。注意:在官网注册的账号登陆时使用淘宝源会报错要改回默认源推荐使用 nrm 或者 yrm 来快速切换镜像源,个人推荐使用 yrm,为什么呢?看下图nrmyrm 会同时将你的 npm 和 yarn 一起切换,并且 ls 后会有*号标注当前正在使用的源,记得 nrm 以前也有的,现在不知道怎么了...yrm当然你可以手动 npm 切换为默认源npm config set registry https://registry.npmjs.org然后执行命令npm login,依次填写用户名、密码、邮箱即可。如果你在 npmjs 站点还设置了其他保护就还需要输入一些验证码之类的等等...npm adduser
# or
npm login
# login是adduser的一个别名你可以通过以下命令查看当前 npm 的登陆人npm whoami查看某个包的文档每次我们想在浏览器中打开某个包的文档总习惯去搜索引擎搜索其实一行命令就能解决的事情,不要再去百度搜索啦~# 此命令会尝试猜测包文档 URL 的可能位置一般没有自定义的话就会打开包的github地址。
npm docs [package-name]
# or
npm home [package-name]尝试以下命令可以快速打开 lodash 的官方文档 npm docs lodash
# or
npm home lodashnpm docs或者npm home命令在不接参数时会在当前项目中通过 package.json 文件中的homepage配置来打开对应的地址。如上图所示其原理就是当你要查看的项目中的 package.json 文件中设置了homepage属性通过npm docs/home就能打开对应的主页没有设置homepage属性时npm 会继续寻找其中的repository属性这时候打开的就是项目在 github 中的托管地址 url 拼接“#readme” (例如https://github.com/用户名/仓库名#readme)如果你repository属性也没设置那么就会打开 npm 官网中包的所在地址例如https://www.npmjs.com/package/npm-limit当然你也可以在npm docs/home后不接参数这样就会直接打开当前项目的主页。查看某个包的代码仓库想看某个包的源码?还要跑到 github 去搜索?nonono,也是一行代码。# 此命令尝试猜测包的存储库 URL 的可能位置
npm repo [package-name] 它是根据项目中的 package.json 文件中设置的repository属性来打开对应的 url。快速给一个包提 issuesnpm bugs [package-name] 它是根据项目中的 package.json 文件中设置的bugs属性来打开对应的 url。查看某个包的详细信息这个命令有什么用呢可以很方便的看到指定包的详细信息比如我们想找到包的作者以及 ta 的联系方式交流学习。npm v [package-name]
# or
npm view [package-name]
npm info [package-name]
npm show [package-name]查看某个包的所有历史版本npm v [package-name] versions本地开发的 npm 包如何调试我们可以像往常一样将本地开发的 npm 包安装到全局或指定目录。npm install . -g# 在某个项目中安装本地包
npm install ../Path/xxPackageName也可以做一个软链指向当前需要调试的项目(全局)npm link将调试包链接到当前项目中先做一个软链指向当前需要调试的项目# 先在本地开发的 npm 包中执行
npm link
# 然后切换到你要安装本地调试包的项目中执行即可将本地包安装到项目依赖中
npm link package-name# 项目中取消安装本地的调试包
npm unlink package-namenpm 发布包首先你得在本地登录不会的看文章最开头的登录方法 登录完成后发布自己开发的工具包只需简单的三步注意:使用淘宝源会报错要改回默认源记得每次发布前修改下版本号npm version [版本号]然后当前目录执行npm publish就好了npm publish弃用包的相关操作注意强烈建议弃用包或包版本而不是取消发布它们因为取消发布会从注册表中完全删除一个包这意味着任何依赖它的人都将无法再使用它而不会发出警告。弃用整个包npm deprecate package-name 弃用信息弃用包的单个版本npm deprecate package-nameversion 弃用信息取消弃用操作# 将弃用消息改为空字符串即可
npm deprecate package-name 取消发布危险操作*取消发布整个包npm unpublish [package-name] -f取消发布包的指定版本npm unpublish [package-name]version取消发布包后以相同名称重新发布将被阻止 24 小时。如果您错误地取消发布了一个包我们建议您以不同的名称再次发布或者对于未发布的版本增加版本号并再次发布。一些好用的其他操作包的重命名# 重命名包的唯一方法是以新名称重新发布它查看当前项目中有哪些包过时了npm outdated查看本地全局环境的包有哪些过时了npm outdated -g --depth0列出 node_modules 中的所有包ls node_modules
# or
dir node_modules审计项目中所有包的安全漏洞npm audit
# 这个命令依赖 package-lock.json 文件,所以如果你用的是yarn需要使用下面的命令
yarn audit执行后会列出有问题的包hahhhahCritical需要立即解决的!High需要尽快解决!Moderate在时间允许的情况下解决Low随便你,不慌不燥不急不忙报告中会给出它问题的严重性,你就可以根据具体情况来进行版本更新或是调整。npm token list检测一下当前镜像源的延迟npm ping检测当前 node 和 npm 存在的问题 npm doctor参考资料[1]npm 官网: https://www.npmjs.com/signup················· 若川简介 ·················你好我是若川毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列》20余篇在知乎、掘金收获超百万阅读。从2014年起每年都会写一篇年度总结已经坚持写了8年点击查看年度总结。同时最近组织了源码共读活动帮助4000前端人学会看源码。公众号愿景帮助5年内前端人走向前列。扫码加我微信 lxchuan12、拉你进源码共读群今日话题目前建有江西|湖南|湖北 籍 前端群想进群的可以加我微信 lxchuan12 进群。分享、收藏、点赞、在看我的文章就是对我最大的支持~
