thpc-ui v0.1.3

thpc-ui

需求点和优化点

1.组件使用到的API请求地址,传入等问题
2.组件内图片引用问题
3.组件内使用@路径引用打包警告,但能成功
4.需新增eslint代码校验,git-commit提交校验
5.打包发布自动提交代码

安装依赖

npm install

thpc-ui 组件库 执行目录结构更新 directoryList.md, 全局安装并执行

npm install mddir -g
npm run mddir

运行 example

npm run serve

打包发布流程

1.安装 nrm

npm install -g nrm

2.使用 nrm 增加 thpc-ui 仓库发布地址

添加
nrm add thpower  https://nexus.thpyun.com/repository/npm/
删除
nrm del thpower

3.查看是否添加成功，执行 nrm ls 命令， 有地址名称为 thpower，则添加成功

nrm ls

4.执行打包

npm run lib

5.执行发布

npm adduser
Username:
Password:
Email:

登录
npm login
发布
npm run pub

6.执行打包并发布命令

npm run pub:lib

7.执行打包,发布命令并自动升级版本号

npm run pub:uv

使用 thpc-ui 组件库

1.切换仓库地址地址

nrm use thpower

2.安装 thpc-ui

npm install thpc-ui

3.使用 thpc-ui

import Vue from "vue";
import ThpcUI from "thpc-ui";
import "thpc-ui/theme/index.css";
Vue.use(ThpcUI)

4.如有更新 thpc-ui,先卸载再安装

npm uninstall thpc-ui -S
npm install thpc-ui -S