@lcsoft/vue-components-app

龙创前端团队移动端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吧。