开发、预览We码小程序

登录

1. IDE实例启动后，会自动加载“WECODE TOOLKIT”插件，第一次启动时会要求用户登录，使用手机WeLink扫描右上角二维码即可登录。
   

   在手机上安装WeLink后，使用WeLink扫描二维码完成WeLink账号登录，扫码之后单击“允许登录”。

   

2. 登录成功后，WeCode Toolkit插件显示WeLink开发者注册名。

   

编码

使用CodeArts IDE Online实例可以编写程序逻辑代码，实现代码编写、语法高亮、自动补齐、语法校验、命令行访问等各种操作。

调试

单击WeCode Toolkit插件上的“Debug”，等待WeCode应用完成自动编译。编译完成后，自动完成监听端口外部访问权的注册。

切换至Port Mapping插件（端口映射），单击Access按钮访问。

弹出app应用窗口，聚焦到app应用窗口上并按F12弹出网页调试窗口。

图1 在浏览器中调试WeCode应用

预览

程序开发完毕，通过使用WeCode Toolkit插件，CodeArts IDE Online中开发的We码小程序可被上传到临时仓库，并可以预览。

单击“Preview/Upload”，在“My Apps”列表中，选择刚刚新建的WeLink应用，并单击“Attach”。

图2 WeCode Toolkit插件中上传预览

等待We码小程序上传至临时仓库后，可通过手机端WeLink扫码预览。

图3 "WeCode Toolkit"插件中扫描二维码以预览

打开手机Welink扫码后，手机上就可以看到该应用的预览版。

图4 We码小程序预览