微信开发者工具中安装TDesign组件库

我们在使用微信开发者工具时发现，Default的组件很少，如切换到TDesign组件库时发现该组件没有安装，提示如下：

当我们点击安装时，自动跳转到了TDesign的官网：

看着官网对TDesign组件库的介绍，这个组件库的组件非常丰富，很吸引开发人员，于是就有安装来试用的冲动。但官网的安装介绍，根本无法如愿以偿，于是经过两天的不懈努力，终于如愿将TDesign安装完成。

现将安装方法介绍如下：

1. 首先到微信开发者工具官网下载微信开发者工具安装(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)。

2. 到nodejs官网下载nodejs安装，因为要安装TDesign的话，要用到npm工具，npm工具是和nodejs一起打包发行的，故要下载nodejs安装（http://nodejs.cn/）。

3. 打开微信开发者工具新建项目，项目名称及路径自己定义，如项目名称为phone_system,路径为K:\phone_system。

4. AppID处填入开发者的ID，也可以用测试号，后端服务选着“不使用云服务”，模板选择“JavaScript-基础模板”（视个人熟悉的编程语言而定），点击“确定”。

5. 找到项目存储的目录，如：K:\phone_system,进入项目文件夹，然后点击文件上方输入的框，在框中输入cmd,这样就能打开cmd的窗口。

6. 在cmd的窗口中输入npm init,然后一直按回车至执行结束。

7. 在cmd窗口中输入：npm i tdesign-miniprogram -S --production，然后回车。

8. 点击“工具->构建npm”。

9. 这样就可以使用TDesign组件库了。