最近看到TDesign的微信小程序组件越来越丰富了,官方的微信群里,腾讯的同学回答也积极,于是准备将原有的微信小程序框架转过来,毕竟是腾讯自己的工具,兼容性应该会好于其他框架,记录一下。

官方的文档很详细https://tdesign.tencent.com/miniprogram/getting-started

1、安装node.js环境。https://nodejs.org/zh-cn/

2、初始化npm。win10-LSTC系统下,微信小程序开发工具有bug,不能在IDE的终端cmd输入命令。可在nodejs安装后,通过微信开发者工具,在资源管理器下,右键点击“在外部终端窗口中打开”,在此环境下输入npm命令。
2023-02-12T13:59:45.png

3、cmd命令行下初始化npm,输入

npm init

4、一路回车,最后yes确认

5、安装TDesign组件。命令行下输入下面命令。成功后目录下会有个node_modules文件夹

npm i tdesign-miniprogram -S --production

6、构建npm。最后在微信小程序开发工具中,“工具”--->“构建npm”。构建成功后在目录下会多一个miniprogram_npm文件夹。

7、引用组件进行开发。按照官方文档在json中操作即可。在app.json中,一是注释掉"style": "v2",避免样式冲突报错;二是输入下方配置,只用必要组件即可。

 "lazyCodeLoading": "requiredComponents",