# 开发调试

# 非行业组件调试

非行业组件不依赖出行小程序的能力，在demo页调试即可。

非行业组件也可以在出行小程序中调试，和行业组件调试相同。

# 行业组件调试

通过组件库提供的软链工具，可以在小程序中调用组件库的源码，实现源码调试的功能；以出行小程序为例，其它小程序类似。 1.在私有配置中(programs/sinan/tms.private.config.js)注册钩子，并声明需要调试的组件

module.exports = {
  ...
  hooks: {
    afterFirstCompile(context) {
      const lnC = require('../../../library/tms-ui/scripts/ln-components');
      lnC(context, [
        {
          library: 'tms-ui',
          components: ['sticky'],                   // 可以同时调试多个组件
         },
      ]);
    },
  },
}

2.运行tmskit并打开项目，如果是新增组件，需要额外引用组件，如在app.json中注册：

    "usingComponents": {
        "tms-组件名": "@tmsfe/tms-ui/组件名/index",
    }

# 组件文档调试

我的组件文档更新完成了，想在本地看一下文档的展示效果。

在tms-ui代码目录下执行 npm install 和 npm run docs:build 将会把tms-ui组件Readme.md文件拷贝到展示网站项目目录。
cd prod/tmsuidocs，打开组件库展示网站的代码目录。
npm install
npm run docs:dev；在本地打开展示网站。

如果已经熟悉了开发流程，也可以手动复制readme.md文件到tmsuidocs下的相应位置开始调试。

← 开发规范