当前位置: 首页 > news >正文

做公司的网站怎么上线seo搜索引擎优化内容

做公司的网站怎么上线,seo搜索引擎优化内容,安徽省青年企业家协会通报,成都php网站建设文章目录 一、原理二、常用的仓库地址三、优势四、准备环境六、使用verdaccio搭建私有npm服务1、安装2、运行3、配置config.yaml,使局域网下能共享访问,否则只能本机访问。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.json
        • 3、登录到 npm
        • 4、公布到 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/

三、优势

  • 私密性高,仅团队共享。
  • 安全性高,能够有效的防治恶意代码攻击。
  • 使用局域网,传输速度快。

四、准备环境

  • node(v12或更高)
  • npm(pnpm或yarn)
  • verdaccio(v5)
  • nrm(快速切换仓库源)
  • pm2(守护进程)

六、使用verdaccio搭建私有npm服务

1、安装
npm install -g verdaccio
2、运行

启动时间会很久,断开cmd会关掉服务,可以使用pm2守护进程即可。
// 访问http://localhost:4837

verdaccio
3、配置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:4873
3、在你的 .npmrc 中设置一个 registry 属性。
.npmrc
registry=http://localhost:4873
4、在你的 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 lib
3、打包成功

生成包文件夹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 login
4、公布到 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: true
3、重启verdaccio后再publish

上传成功了。

http://www.dinnco.com/news/36826.html

相关文章:

  • 个人网站 建设方案书竞价培训
  • wordpress 404插件seo推广顾问
  • 寻花问柳-专注做一家男人的网站猪免费做网站
  • python自学网站免费菜鸟教程如何自己搭建网站
  • 如何用was做网站压力测试网店营销与推广策划方案
  • 淘客怎么用网站做如何外贸推广
  • 自媒体还是做网站seo企业优化方案
  • 做英文网站公司宁波seo外包推广公司
  • 做公众好号的网站哪家建设公司网站
  • 用html5设计个人网站百度合伙人官网app
  • 网站打不开是怎么回事google网页版登录入口
  • oss可以做网站根目录吗鹤岗网站seo
  • html5 微信网站太原网站推广排名
  • 做网站公成功的网络营销案例ppt
  • 和平区网站制作最近的疫情情况最新消息
  • 中英双语外贸网站源码seo网站排名助手
  • 道滘仿做网站18款免费软件app下载
  • 网站开发软件解决方案推广普通话奋进新征程手抄报
  • 网站框架设计好后怎么做网络运营推广
  • 中山市饮食网站建设收录优美图片找不到了
  • 网站打不开的解决方法化工seo顾问
  • 网站设计理念介绍宁波好的seo外包公司
  • 推广网站站群电商网站
  • 做一手房用什么网站网站建设合同
  • 网站制作 郑州外贸网站平台
  • 浙江做网站的公司有哪些湖南百度推广开户
  • 记事本做网站代码推广软件
  • 网站建设哪里好做百度seo
  • 什么是b2c网站网页代码大全
  • 宁波优化网站排名软件百度竞价价格查询