xingluo_components

this is xingluo components

Usage no npm install needed!

<script type="module">
  import xingluoComponents from 'https://cdn.skypack.dev/xingluo_components';
</script>

README

安装包

npm install xingluo_components

vue 模式引用

import {foot,heads} from 'xingluo_components'

heads点击退出登录事件

向父组件传递goOutLogin事件 引用heads组件的页面,自己去处理退出后的页面跳转和相关业务

更新环境依赖包

npm update xingluo_components

源地址切换:

npm config get registry -- 设置当前地址(设置为淘宝镜像) npm config set registry http://registry.npm.taobao.org/

-- 设置当前地址(设置为默认地址) npm config set registry https://registry.npmjs.org/

npmjs发布完毕,taobao镜像同步大概10分钟左右;

发布到NPM上的流程

1、前提,得有个npm账号,没有就新注册一个账号 https://www.npmjs.com/signup

2、进入到项目的根目录下,运行 npm login 执行登录 一般情况下回提示你输入 你的用户名,密码和邮箱,若登录成功一般会显示: Logged in as 你的名字 on https://registry.npmjs.org/.

3、登录成功后就可以执行 npm publish 即可将这个npm包发布到npm官网。大概过个10来分钟就可以搜索到并下载,我们执行npm install xingluo_components 即可在自己的项目中import导入进来当做组件使用了。

4、更新包的时候,需要手动修改 package.json 中的version版本号,一般惯例都是+1,比如1.0.0 => 1.0.1。更改完成后,分别执行打包、登录npm、发布即可。 语义版本号分为X.Y.Z三位,分别代表主版本号、次版本号和补丁版本号。当代码变更时,版本号按以下原则更新: 如果只是修复bug,需要更新Z位。 如果是新增了功能,但是向下兼容,需要更新Y位。 如果有大变动,向下不兼容,需要更新X位。

登录npm账号

npm login --registry=http://reg.example.com npm login

上传包文件

npm publish

删除上传包

仅半小时内可以删除包 删除后24小时内不可以用重复包名上传

npm unpublish xingluo_components --force

本地测试

1.npm pack (生成 xingluo_components.tgz) 2.复制到要引入项目的根目录 3.npm install xingluo_components.tgz --save-dev