企业网站推广目标,企业门户网站主要功能,wordpress不使用缩略图,网站备案授权书范本文章目录 一、原理二、常用的仓库地址三、优势四、准备环境六、使用verdaccio搭建私有npm服务1、安装2、运行3、配置config.yaml#xff0c;使局域网下能共享访问#xff0c;否则只能本机访问。4、重新运行 七、npm常见操作查看当前用户信息查看源地址切换源地址删除源地址创… 文章目录 一、原理二、常用的仓库地址三、优势四、准备环境六、使用verdaccio搭建私有npm服务1、安装2、运行3、配置config.yaml使局域网下能共享访问否则只能本机访问。4、重新运行 七、npm常见操作查看当前用户信息查看源地址切换源地址删除源地址创建用户登录发布 八、项目使用1、你可以通过以下命令来设置 registry。2、你可以在需要时带上 --registry 参数。3、在你的 .npmrc 中设置一个 registry 属性。4、在你的 package.json 中设置 publishConfig 九、插件打包1、 package.json 中新增一条编译为库的命令2、 执行打包命令3、打包成功 十、插件上传1、设置镜像源2、 配置 package.json3、登录到 npm4、公布到 npm 十一、上传包到私库报错1、错误信息2、解决方案3、重启verdaccio后再publish 搭建团队的私有仓库保证团队组件的安全维护和私密性是进阶前端开发主管路上必不可少的一项技能。 一、原理
我们平时使用npm publish进行发布时上传的仓库默认地址是npm通过Verdaccio工具在本地新建一个仓库地址再把本地的默认上传仓库地址切换到本地仓库地址即可。当npm install时没有找到本地的仓库则Verdaccio默认配置中会从npm中央仓库下载。
二、常用的仓库地址
npm : https://registry.npmjs.org/cnpm : http://r.cnpmjs.org/taobao: https://registry.npm.taobao.org/
三、优势
私密性高仅团队共享。安全性高能够有效的防治恶意代码攻击。使用局域网传输速度快。
四、准备环境
nodev12或更高npmpnpm或yarnverdacciov5nrm快速切换仓库源pm2守护进程
六、使用verdaccio搭建私有npm服务
1、安装
npm install -g verdaccio2、运行
启动时间会很久断开cmd会关掉服务可以使用pm2守护进程即可。 // 访问http://localhost:4837
verdaccio3、配置config.yaml使局域网下能共享访问否则只能本机访问。
C:\Users\admin\AppData\Roaming\verdaccio\config.yaml // 最后面添加以下配置 listen: 0.0.0.0:4873 重启必须重启电脑配置才能生效。
4、重新运行
// 访问http://ip:port/ // 不要访问本地localhost下的
verdaccio七、npm常见操作
查看当前用户信息
npm who am I查看源地址
npm config list切换源地址
npm set registry url删除源地址
npm config rm registry创建用户
npm adduser登录
npm login发布
npm publish八、项目使用
1、你可以通过以下命令来设置 registry。
npm set registry http://localhost:4873/2、你可以在需要时带上 --registry 参数。
npm install --registry http://localhost:48733、在你的 .npmrc 中设置一个 registry 属性。
.npmrc
registryhttp://localhost:48734、在你的 package.json 中设置 publishConfig
{publishConfig: {registry: http://localhost:4873}
}九、插件打包
1、 package.json 中新增一条编译为库的命令
lib: vue-cli-service build --target lib --name vue-verdaccio-zourongle --dest lib src/plugins/index.js–target : 构建指标默认为利用模式。这里批改为 lib 启用库模式。 –dest : 输入目录默认 dist 。这里咱们改成 lib [entry] : 最初一个参数为入口文件默认为 src/App.vue 。这里咱们指定编译 src/plugins/index.js 组件库目录。 –name : 输出名称这里咱们改成 自己的名称 2、 执行打包命令
npm run lib3、打包成功
生成包文件夹lib 十、插件上传
1、设置镜像源
npm set registry http://localhost:4873/2、 配置 package.json
在插件包文件夹里面创建package.json
{name: vue-verdaccio-zourongle,version: 0.1.0,description: 今天我发布一个插件,main: vue-verdaccio-zourongle.umd.min.js,license: MIT,private: false
}private : 必须设置为 fasle main : 我的项目入口默认为同级目录的 index.js name : npm包名就是咱们 import xxx from packagename 中的包名 3、登录到 npm
在插件包的文件夹里面执行
npm login4、公布到 npm
npm publish十一、上传包到私库报错
1、错误信息
503 Service Unavailable - PUT http://localhost:4873/xxxx - one of the uplinks is down, refuse to publish
2、解决方案
在verdaccio启动的配置文件config.yaml加上配置
publish:allow_offline: true3、重启verdaccio后再publish
上传成功了。
