npm
2020-07-02 10:14:18 2 举报
AI智能生成
npm
作者其他创作
大纲/内容
中文网 https://www.npmjs.com.cn/getting-started/what-is-npm/
npm 由三个独立的部分组成
网站
网站 是开发者查找包(package)、
设置参数以及管理 npm 使用体验的主要途径。
设置参数以及管理 npm 使用体验的主要途径。
注册表(registry)
注册表 是一个巨大的数据库,
保存了每个包(package)的信息。
保存了每个包(package)的信息。
命令行工具(CLI)
CLI 通过命令行或终端运行。
开发者通过 CLI 与 npm 打交道。
开发者通过 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 中设置名称等信息
在package.json 中设置名称等信息
npm version 版本号,更新版本,
package.json 中对应更改
package.json 中对应更改
更新完后,npm publish
npm install XX 即可安装
发布位置:查看 C:\Users\Administrator\.npmrc 文件,
我第一次发布完,去npm上找不到,原来配置的是私服【捂脸】
我第一次发布完,去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
## 在 packages 该项内添加即可
packages:
'zyb-*':
# 仅允许已经认证的用户拥有使用该类型包的权限
# 仅允许用户 'kazekami' 和 'root' 发布包
# 在没有找到包时,用 originNpm 所指的地址下载包
access: $authenticated
publish: kazekami root
proxy: originNpm
配置 npm 源指向:
## 在 uplinks 该项内添加即可
uplinks:
originNpm:
url: https://registry.npm.taobao.org/
## 在 uplinks 该项内添加即可
uplinks:
originNpm:
url: https://registry.npm.taobao.org/
配置守护进程
# Step1: 安装 pm2
npm i -g pm2
# Step2: 启动 verdaccio
pm2 start verdaccio
npm i -g pm2
# Step2: 启动 verdaccio
pm2 start verdaccio
window环境有问题,直接 verdaccio 运行(但要一直保持在线)
配置防火墙
打开控制面板,点击“windows 防火墙”。
点击“高级设置”
点击“入站规则”,然后点击“新建规则”
选择单选按钮“端口”,点击下一步
选择“TCP”、“特定本地端口”,由于配置的 verdaccio 端口为 4873,此处填写 4873 即可
直接点击“下一步”(默认允许连接即可)
仅勾选第一个企业域,仅限公司内部使用,然后点击“下一步”
填写一个英文名(注释随意),点击完成即可
点击“高级设置”
点击“入站规则”,然后点击“新建规则”
选择单选按钮“端口”,点击下一步
选择“TCP”、“特定本地端口”,由于配置的 verdaccio 端口为 4873,此处填写 4873 即可
直接点击“下一步”(默认允许连接即可)
仅勾选第一个企业域,仅限公司内部使用,然后点击“下一步”
填写一个英文名(注释随意),点击完成即可
检测成功
打开 CMD,输入 ipconfig,获取本地 ipv4 地址
在浏览器输入 <ip:port> (本机 ipv4 地址和 verdaccio 所用的端口)
在他人电脑的浏览器也输入 <ip:port>
都能正常显示页面就成功了
在浏览器输入 <ip:port> (本机 ipv4 地址和 verdaccio 所用的端口)
在他人电脑的浏览器也输入 <ip:port>
都能正常显示页面就成功了
收藏
0 条评论
下一页