@lcsoft/vue-components

2.4.4 • Public • Published

龙创前端团队PC端Vue基础组件库

可复用的、成熟的、基础组件

使用方式(以VueUeditorWrap组件做示例)

  1. 安装组件库npm i @lcsoft/vue-components

  2. 引入需要的组件

    import { VueUeditorWrap } from '@lcsoft/vue-components'

  3. 注册组件

    components: {
        VueUeditorWrap
    },
  4. 参照每个组件的说明文档合理使用

发布新组件

  1. lib目录下建一个以组件名称命名的(kebab-case)目录

  2. 添加组件,统一命名index.vue(建议添加说明文档README.md,介绍你的组件的使用方式,以及一些容易踩的坑,方便组内其他小伙伴使用)

  3. 在当前组件目录下按需添加相关的js、css、image等资源

  4. lib目录下的index.js导出你的组件(Camel-Case命名),并做简单的说明和署名

    import VueUeditorWrap from './vue-ueditor-wrap' // 百度富文本编辑器-郑
    
    export {
        VueUeditorWrap
    }
  5. package.json中修改版本号。

    "version": "x.y.z"

  6. 运行npm publish --access=public 发布

    发布之前请先将自己的库更新到最新版本

版本维护

如果npm发布新版本,各位小伙伴的注册邮箱应该会收到通知,请及时在自己的项目中执行npm updatenpm i @lcsoft/vue-components更新组件库,保持团队基础组件同步

使用技巧

如果你不放心自己添加的组件是否正确可用,你完全可以先进入自己项目的node_modules目录下,找到@lcsoft目录,在那里面修改或者添加你的组件,如果你在运行自己的项目时 完全OK,那么放心的npm publish吧。

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i @lcsoft/vue-components

      Weekly Downloads

      62

      Version

      2.4.4

      License

      ISC

      Unpacked Size

      282 kB

      Total Files

      33

      Last publish

      Collaborators

      • yangx0413
      • yjnpm
      • gaoxiaobo