pcip-ui

安装依赖包

npm install

运行组件库的测试页面地址 examples文件夹

npm run serve

文档的打包

npm run docs:build

运行文档 docs文件夹

npm run docs:dev

文档的打包

npm run docs:build

组件开发步骤

• 在packages文件夹下面添加一个新增的组件文件夹,文件夹以大写字母P开头
• 在index.js中引入组件并注册,如下:

  import PButton from '../packages/PButton'
  const components = [
      PButton
  ]

• 新增的组件文件夹的目录里有两个文件:index.js和src文件夹,index.js文件无需改变,src里面就是需要改变的地方.
• 如果是antdvue组件的二次封装,必须继承所有原先存在的属性和方法
• 组件库的发包,修改根目录下面的package.json文件中的version版本号(必须大于之前的版本号),再执行npm publish即可.

文档开发步骤

1. 所有的文档都在docs文件夹下面
   • 基础组件在docs/components
   • 业务组件在docs/components/business
2. 所有组件中用到的图片资源文件放在docs/images下面对应的组件文件夹下面
3. 添加一个组件,需要在component/sidebar.js里面添加对应的路径
4. 一级标题用# ,二级标题用###
5. demo例子要如下: ::: demo

   <template>
       <p-button type="primary">
       Primary
       </p-button>
       <p-button>Default</p-button>
       <p-button type="dashed">
       Dashed
       </p-button>
       <p-button type="danger">
       Danger
       </p-button>
       <a-config-provider :auto-insert-space-in-button="false">
       <p-button type="primary">
           按钮
       </p-button>
       </a-config-provider>
       <p-button type="primary">
       按钮
       </p-button>
       <p-button type="link">
       Link
       </p-button>
   </template>

   :::