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下载。