微信小程序使用TDesign(TS版本)

1.使用微信小程序的Terminal执行:

npm i tdesign-miniprogram -S --production

微信小程序使用TDesign(TS版本)_第1张图片

2.修改project.config.json

"packNpmManually": true,
"packNpmRelationList": [
      {
         "packageJsonPath": "./package.json",
         "miniprogramNpmDistDir": "./miniprogram/"
      }
]

微信小程序使用TDesign(TS版本)_第2张图片

 3.修改app.json,移除"style": "v2"

4.编译npm:微信开发者工具的Tools->构建npm

5.在页面下的页面json中导入要使用的组件,在wxml中使用

{
  "usingComponents": {
    "t-button": "tdesign-miniprogram/button/button"
  }
}
按钮

你可能感兴趣的:(微信小程序,微信小程序,tdesign,前端)