WeTouch 开发文档

WeTouch 开发文档

安装开发工具

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

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

node安装

我们推荐使用node 6.10.0,node下载地址:

  1. https://npm.taobao.org/mirrors/node/v6.10.0/node-v6.10.0-x64.msi Windows64位下载

  2. https://npm.taobao.org/mirrors/node/v6.10.0/node-v6.10.0-x86.msi Windows32位下载

  3. 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。我们需要安装一些插件来帮助我们更好的进行开发。

WeTouch框架提供了一个插件:WeTouch,提供启动/停止开发服务、编译、打包等功能。

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

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

在这里可以搜索wetouch,找到WeTouch ,然后点击安装。

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

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

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

插件安装的方法,和之前安装WeTouch 插件的方法一致。

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

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

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

6、如果安装过免费版的TouchUI插件,需要对它禁用或卸载。不要与WeTouch插件共同使用,否则会有冲突。

7、如果安装过vetur插件,需要对它禁用或卸载。不要与Vetur E插件共同使用,否则会有冲突。