TCFE-helper

TCFE-helper's vue-components.

Installation

npm install tcfe-helper

Import

import 'tcfe-helper/dist/tcfe-helper.css';
import { Loading, SolidArrow... } from 'tcfe-helper';

Publish

记得用 npm login 登录之后再进行，且 npm 要切为正式源，不能用镜像
// 切为官方源
npm config set registry https://registry.npmjs.org/
// 或者如下方式切换官方源
npm i nrm -g
nrm use XXX(<https://registry.npmjs.org/>)
// 最后发布完，想要用公司的源
npm config set registry http://nexus.17usoft.com/repository/npm-all

// 然后去发布
npm run tonpm

// 如果遇到发布失败，提示npm certificate 过期
npm cache clean --force

Content

Loading 加载状态组件

ToTop 页面置顶组件

HollowArrow 空心箭头组件

SolidArrow 实心箭头组件

Round 圆形组件

Banner 横幅组件

Swiper 轮播图组件

Demo

下载该项目，在文件根目录下依次输入命令行：

npm install
npm run dev

然后在浏览器里输入http://localhost:8888，即可看到组件 demo。

npm login

• 1、没有账号的话先注册 到npmjs https://www.npmjs.com/login/email-otp?next=%2F 记住账号和密码
• 2、之后登陆 输入账户名密码(常用备忘)
• 3、公共邮箱 这边是[e-mail]
• 4、OTP code 就是 one time code 是从邮箱里获得的，请及时查看邮箱
• 5、再npm publish
• 6、最后要去cnpm 官网去搜到你的插件 进行异步更新版本，才能用cnpm下载到 https://npmmirror.com