Touch UI 开发文档

安装开发工具

TouchUI支持在Windows上开发或者在Mac开发。

在使用TouchUI前，我们需要安装node以及开发工具。

我们推荐使用node 6.10.0，node下载地址：

https://npm.taobao.org/mirrors/node/v6.10.0/node-v6.10.0-x64.msi Windows64位下载
https://npm.taobao.org/mirrors/node/v6.10.0/node-v6.10.0-x86.msi Windows32位下载
https://npm.taobao.org/mirrors/node/v6.10.0/node-v6.10.0.pkg macOS系统下载

安装成功后，windows电脑可以通过cmd，macOS可以通过终端输入 node -v 来验证是否安装成功。安装成功会弹出如图所示：

进入官网进行下载。Visual Studio Code下载地址：https://code.visualstudio.com

1、下载安装完成后，打开Visual Studio Code。我们需要安装一些插件来帮助我们更好的进行开发。

TouchUI框架提供了一个插件：TouchUI，提供启动／停止开发服务、编译、打包等功能。

接下来，我们来学习如果在Visual Studio Code中如何安装插件。

首先我们需要点击扩展，如下图所示的红框位置。

在这里可以搜索我们想要安装的插件，找到TouchUI，然后点击安装。

2、安装完成后，会显示重新加载。我们点击重新加载，这个插件就可以使用了。

如果一直重现重新加载按钮，或者提示不兼容、无法安装等，很可能因为你的vscode版本过低，请升级或重新安装到最新版。

3、除了TouchUI之外，还需要安装Vue相关的插件。比如Vetur E。Vetur E是我们基于vue语法插件Vetur进行了扩展，具有微信小程序API语法提示功能。

插件安装的方法，和之前安装TouchUI的方法一致。

因为TouchUI是基于Vue来做的。在我们的框架中，使用.ui为后缀，安装Vue相关的插件后，我们会自动将.ui文件以Vue语言识别。

4、以上两个，是使用TouchUI必须安装的插件，我们还可以根据自己的使用习惯来装一些其他的插件。详见文档的“实战 >> 工具”栏目。

5、由于连接的是微软服务器下载插件，国内网络有可能会出现无法正常下载的情况。如果长时间无法下载插件可以尝试使用手机热点连接wifi下载。