首页  思维导图  详情

npm

2020-07-02 10:14:18   2  举报





仅支持查看

AI智能生成

npm

作者其他创作

大纲/内容

中文网 https://www.npmjs.com.cn/getting-started/what-is-npm/

npm 由三个独立的部分组成

网站

网站是开发者查找包（package）、
设置参数以及管理 npm 使用体验的主要途径。

注册表（registry）

注册表是一个巨大的数据库，
保存了每个包（package）的信息。

命令行工具（CLI）

CLI 通过命令行或终端运行。
开发者通过 CLI 与 npm 打交道。

使用

npm install/uninstall XX 在当前目录node_module下，安装/卸载依赖包

--save 添加到 package.json 的 dependencies

--save-dev 添加到 package.json 的 devDependencies

npm init -y 创建package.json

npm update 更新

npm outdated 查看过时包

npm list -g --depth=0 查看全局安装的包，一级目录

git config user.name 或 email ，查看用户名或邮箱

npm publish 发布自己的包，
在package.json 中设置名称等信息

npm version 版本号，更新版本，
package.json 中对应更改

更新完后，npm publish

npm install XX 即可安装

发布位置：查看 C:\Users\Administrator\.npmrc 文件，
我第一次发布完，去npm上找不到，原来配置的是私服【捂脸】

npm config ls 查看npm缓存位置，注意是一个\

yarn

yarn 优势：引入 yarn.lock 文件来管理依赖版本问题，保证每次安装都是一致的
缓存加并行下载保证了安装速度

不过，据说，现在的npm6也有缓存了，yarn这优势不是很明显呀

yarn add/remove [package] 添加/移除依赖包

yarn 或 yarn install 安装项目的全部依赖

yarn init 初始化一个新项目

git bash 下执行，会报错，换cmd执行/或先npm init ，然后用yarn config，再yarn add

yarn upgrade [package] 升级依赖包

yarn global XX XX 全局global位置是固定的第二位

yarn global dir 查看文件data位置， yarn cache dir 查看文件缓存位置，yarn cache list 查看文件缓存项

npm 私服搭建

使用 verdaccio

配置环境 node(8以上)、npm、python（3以上）

npm install --global verdaccio

基本配置，输入verdaccio，第一行的路径下找到config.yaml文件

在文末尾加上 listen: 0.0.0.0:4873

配置上传包权限：
## 在 packages 该项内添加即可
packages:
'zyb-*':
# 仅允许已经认证的用户拥有使用该类型包的权限
# 仅允许用户 'kazekami' 和 'root' 发布包
# 在没有找到包时，用 originNpm 所指的地址下载包
access: $authenticated
publish: kazekami root
proxy: originNpm

配置 npm 源指向：
## 在 uplinks 该项内添加即可
uplinks:
originNpm:
url: https://registry.npm.taobao.org/

配置守护进程

# Step1: 安装 pm2
npm i -g pm2

# Step2: 启动 verdaccio
pm2 start verdaccio

window环境有问题，直接 verdaccio 运行（但要一直保持在线）

配置防火墙

打开控制面板，点击“windows 防火墙”。
点击“高级设置”
点击“入站规则”，然后点击“新建规则”
选择单选按钮“端口”，点击下一步
选择“TCP”、“特定本地端口”，由于配置的 verdaccio 端口为 4873，此处填写 4873 即可
直接点击“下一步”（默认允许连接即可）
仅勾选第一个企业域，仅限公司内部使用，然后点击“下一步”
填写一个英文名（注释随意），点击完成即可

检测成功

打开 CMD，输入 ipconfig，获取本地 ipv4 地址
在浏览器输入 <ip:port> （本机 ipv4 地址和 verdaccio 所用的端口）
在他人电脑的浏览器也输入 <ip:port>
都能正常显示页面就成功了