@lcsoft/vue-components-app v1.5.3
龙创前端团队移动端Vue基础组件库
可复用的、成熟的、基础组件
使用方式(以lcFrame
组件做示例)
安装组件库
npm i @lcsoft/vue-components-app
引入需要的组件
import { lcFrame } from '@lcsoft/vue-components-app'
注册组件
components: { lcFrame },
- 参照每个组件的说明文档合理使用
发布新组件
在
lib
目录下建一个以组件名称命名的(kebab-case
)目录添加组件,统一命名
index.vue
(建议添加说明文档README.md
,介绍你的组件的使用方式,以及一些容易踩的坑,方便组内其他小伙伴使用)在当前组件目录下按需添加相关的js、css、image等资源
在
lib
目录下的index.js
导出你的组件(Camel-Case
命名),并做简单的说明和署名import lcFrame from './lc-frame' // 移动端应用骨架-郑 export { lcFrame }
在
package.json
中修改版本号。"version": "x.y.z"
运行
npm publish --access=public
发布发布之前请先将自己的库更新到最新版本
版本维护
如果npm发布新版本,各位小伙伴的注册邮箱应该会收到通知,请及时在自己的项目中执行npm update
或 npm i @lcsoft/vue-components-app@latest
更新组件库,保持团队基础组件同步
使用技巧
如果你不放心自己添加的组件是否正确可用,你完全可以先进入自己项目的node_modules
目录下,找到@lcsoft
目录,在那里面修改或者添加你的组件,如果你在运行自己的项目时
完全OK,那么放心的npm publish
吧。
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago