包管理工具(npm、yarn)
npm包管理工具
1、npm包管理工具的发展历史:https://zhuanlan.zhihu.com/p/99186425
2、npm 上发布自己的包 : https://blog.csdn.net/nsrainbow/article/details/37903097
注册的npm账号: ke***3**3 ; mm:w******20**** ; 邮箱: 1737509789@qq.com
3、node_modules目录讲解:https://www.jianshu.com/p/b4bf50823b50
4、删除node_modules目录:https://www.cnblogs.com/xwwin/p/5844182.html?utm_source=itdadao&utm_medium=referral
说明:使用 rimraf 会出现有的文件还是删除不了的问题。推荐使用 批处理文件删除。
5、npm 清除缓存数据:https://www.jianshu.com/p/a96b30d00196 或 https://www.cnblogs.com/ae6623/p/8467134.html
npm cache clean -f
6、npm设置和查看仓库源:https://www.cnblogs.com/wenjunwei/p/10078460.html
a、查看 npm 仓库源:
//查看源,可以看到设置过的所有的源 npm config get registry
b、临时 设置 npm 的下载仓库源:
//本次从淘宝仓库源下载 npm --registry=https://registry.npm.taobao.org install
c、设置 npm 仓库源: 通过设置 npm 仓库的源 也可以 从 cnpm 的源(即淘宝镜像)中下载包。
//设置淘宝源 npm config set registry https://registry.npm.taobao.org //设置公司的源 npm config set registry http://127.0.0.1:4873
d、还原 npm 默认的仓库源: https://blog.csdn.net/AkitoSilver/article/details/90372230 或 https://cloud.tencent.com/developer/article/1148358
npm config set registryhttps://registry.npmjs.org
e、使用 nrm管理 npm 仓库源:https://www.imooc.com/video/20684 或 https://www.jianshu.com/p/66f97cadd1eb
7、npm 查看 某个包的最新版本 或 所有版本: https://blog.csdn.net/cvper/article/details/79543262
8、创建私有npm仓库:https://www.jianshu.com/p/a0216d791dbf
9、项目进行打包:
注意:发布是不需要打包的,打包只是为了本地测试这包是否可以正常安装。
npm pack # 将指定的文件打包成tar包。 # npm pack 命令 将指定的目录打包成tar包,放在当前的工作目录中,文件名 为<name>-<version>.tgz # 如果未提供任何参数,则 npm 将打包当前的包文件夹
10、发布 包:
npm publish #这个命令会把目录下的所有文件【除了.npmignore里面的文件】上传上去的
11、查看npm 上tarball 地址:
npm view axios # 可以看到 axios包的相关信息,包括包的tarball地址
npx命令介绍:
1、npm 5.2.0 的以后,会自动安装npx命令工具。
2、 有了npx,就可以不用全局安装包,npx可以直接调用项目内的包命令了。
3、npx 运行的命令,本地没有这个包命令时,会安装一个临时的包。使用完后,会自动删除调。http://www.ruanyifeng.com/blog/2019/02/npx.html
比如:create-react-app 这个包,本地电脑没有安装过(无论是全局上还是项目文件上)。当运行 下面命令时
npx create-react-app my-app
npx 没有找到 create-react-app 这个包,就会下载 create-react-app 这个包,安装到一个临时目录中。调用这个目录中的 create-react-app 命令。
4、通过上面的讲解,可以这样理解。npx 的命令,就相当于去掉npx,直接后面执行的命令。如果后面的命令,本机全局下或系统环境没有,就会安装这个命令的包,执行这个命令。这对临时使用一次这个包,就很有用。
yarn 包管理工具
安装 yarn 命令工具: https://blog.csdn.net/qq_16798583/article/details/79591325
npm install -g yarn
1、yarn使用教程:https://www.jianshu.com/p/b306a19a64ee 或 https://www.cnblogs.com/Jimc/p/10108821.html(Yarn 命令详解)
yarn --version // 查看版本号 yarn init // 初始化项目
// 添加依赖包 yarn add [package] yarn add [package]@[version] yarn add [package]@[tag] // 依赖项添加到不同依赖项类别 yarn add [package] --dev yarn add [package] --peer yarn add [package] --optional
// 升级依赖包 yarn upgrade [package] yarn upgrade [package]@[version] yarn upgrade [package]@[tag]
// 移除依赖包 yarn remove [package]
// 安装项目的全部依赖 yarn 或者 yarn install // 等价于 你怕吗install
2、运行某个命令:
yarn run/test // 这个和 npm 一样
3、yarn 设置和查看仓库源:https://blog.csdn.net/qdmoment/article/details/92993902
a、查看 yarn 仓库源: (这个命令和 npm是一样的)
yarn config get registry
b、设置 yarn 仓库源:(这个命令和 npm是一样的)
yarn config set registry https://registry.npm.taobao.org
c、还原 yarn 默认的仓库源:(这个命令和 npm是一样的)
yarn config set registry https://registry.yarnpkg.com
4、yarn 和 npm 命令的一些对比:https://blog.csdn.net/yinge0508/article/details/97313859
a、yarn add taco <==> npm install taco --save
b、yarn add taco --dev <==> npm install taco --save-dev
c、yarn remove taco <==> npm uninstall taco --save
5、npm 和 yarn 换源 都有其他的工具:https://www.jianshu.com/p/010e47ed2bfd?tdsourcetag=s_pcqq_aiomsg
npm 使用nrm
yarn 使用 yrm
搭建私人仓库:https://www.jianshu.com/p/c61f08b7cb88
私有仓库可先的方案有多种
一、购买npm
官方私有仓库服务:要花钱,服务器在国外,代码保存在别人手里。
二、cnpm
,阿里的,功能非常强大,功能强大的背后就是配置及安装维护也相对复杂
三、sinopia
,这个是一个小巧的工具,2015年的时候已经停止维护了。
四、Nexus
:npm私有仓库搭建【Nexus】:允许传较大的包 【杭银就是用nexus搭建的私服】
五、verdaccio
(此文选择这一种),sinopia
的后继者,使用简单,口碑不错,目前持续更新。 不过这种方式可能允许上传的包不能太大吧。
用verdaccio搭建npm私有库
参考:https://blog.csdn.net/weixin_43249693/article/details/84453017 或 https://blog.csdn.net/yuzheng7002/article/details/104196062(推荐,里面对需要配置的项 更详细)
1、$ npm install --global verdaccio
2、verdaccio 不同版本的配置文件,路径可能不同。通过 verdaccio 命令可以查看 config.yaml 的路径
D:\Program Files\cmder_mini>verdaccio warn --- config file - C:\Users\admin\.config\verdaccio\config.yaml warn --- Verdaccio started warn --- Plugin successfully loaded: verdaccio-htpasswd warn --- Plugin successfully loaded: verdaccio-audit warn --- http address - http://localhost:4873/ - verdaccio/4.8.1
3、config.yaml 配置:【这个很重要】
# 监听的端口 ,重点, 不配置这个,只能本机能访问,不能通过ip地址访问
listen: 0.0.0.0:4873
4、项目名称(实际上是项目下的package文件中的name)不能和下载的包名称一样,不然会下载失败。 https://www.jianshu.com/p/02b8d8c7bef4
5、verdaccio搭建的私库,下载没有的包时。就会从配置好的,外部源中下载。流程图如下:
6、