前端工具使用笔记(yarn,cnpm,nrm)

1,265 阅读2分钟

前端通过 npm i 下载包时默认是从npm官网下载的,国内因为部分原因可能有的时候下载太慢,甚至无法下载的情况,这是可以通过淘宝npm镜像源来下载包,源就是存放npm包的服务器,阿里的服务器中存着npm官网中的公开包,你从阿里的服务器中获取那个包而已

可以在下载包的时候切换下载源:

npm install vue --registry=https://registry.npm.taobao.org

或者可以下载淘宝镜像提供的工具cnpm,以后用它来下载包:

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm i vue

这些还远远不够,有的公司会有自己的npm源,因为他们会写很多公司需要用到的通用组件和业务组件,这时最好将npm i的默认源改成公司的源,怎么改呢,用nrm这个工具,它是npm源管理器,最常见的操作就是使用它来改变npm的源:

cnpm i nrm -g

nrm的一些操作:

查看版本:

nrm --version

查看本机的所有npm源,* 标识的是当前源:

nrm ls


nrm add 增加你公司的源,company_name为源名称,url为源服务器地址:

nrm add <company_name> <url>
nrm add myCompany http://127.0.0.1/
nrm ls

nrm del删除源

nrm del myCompany

yarn

npm install -g yarn // 下载yarnyarn --version // 查看yarn版本yarn init // 初始化一个前端项目yarn add antd react // 使用yarn下载项目线上依赖包,自动添加到package.json中yarn add webpack --dev // 下载开发依赖包yarn upgrade antd // 更新依赖包yarn remove antd // 移除依赖包
yarn / yarn add // 拿到无依赖包的项目,下载所有依赖yarn run ... // 跑npm脚本yarn add global ... // 下载全局依赖,跑在操作系统上yarn publish / login /logout // 登陆登出发布依赖包

注意:

请将您的项目目录和 Yarn 的缓存目录 (%LocalAppData%\Yarn) 列入杀毒软件的白名单中,否则会因为每次向磁盘写入文件时而被扫描,导致安装软件包变得很慢。

就那么简单,收工:)