安装开发者工具-桌面端

本文主要讲解LightViewPC版工具的使用,包括工具下载、工具首页、应用开发、模块开发、基本设置、应用logo、启动画面、启动引导、应用窗体、应用菜单、插件配置、安全设置。

工具下载

下载地址 :
LightViewPC-beta3-win32-x64
LightViewPC-beta3-MAC

注意事项

安装目录不能有中文,不能有空格!

首页

打开&创建新项目

点击“创建新项目”按钮弹出弹框,输入工程名称并选择一个工程路径,点击确定即可,如果工程路径中是已存在的工程,则会直接打开。注意:工程名称不能有空格、中文和特殊字符。

修改&删除新项目

鼠标放到工程上,点击出现的“修改”按钮可以修改工程在工具中的显示名称。点击“删除”按钮可以删除历史记录。

设置主题皮肤

点击首页左上角设置按钮,在弹框中选择好皮肤后点击确定即可成功修改主题皮肤。

应用开发

1.点击左上角的项目路径可打开工程目录。
2.点击右侧的运行调试可打开APP的调试页面,配置的应用窗体和菜单效果可在此页面预览。调试页面的介绍参见 模块开发#运行调试


3.点击右侧“编译打包”按钮,在弹出的弹框中可选择是否开启代码压缩以及是否自定义打包输出位置和包名(可选),然后点击确定可成功打APP的包。

模块开发

新建模块

点击“新建模块”按钮,弹出弹框,填写模块展示名称、虚拟地址,并选择一个模块类型后点击“确定”按钮。

修改&删除模块

鼠标滑动到建好的模块列表上,点击出现的“修改”按钮可修改模块的展示名称,点击“删除”按钮可删除模块(源代码不会删除)。

运行调试

鼠标滑动到模块列表上,点击“运行调试”按钮,可打开模块的调试页面。
1.模拟器&编辑器&调试器按钮:点击可隐藏或者显示对应的区域。
2.调整布局:点击按钮高亮后,鼠标移动到区域边缘可拖拽调整各区域窗口大小,调整完毕后再次点击此按钮,布局调整成功。
3.重启编译:按钮点击后,将重启页面,相当于重新执行一次light release -wb
3.真机调试&效果预览:点击按钮后弹出二维码,可用手机分别进行调试或预览。
4.刷新视图:按钮点击后可重新加载当前页面,相当于浏览器的刷新按钮。

编译打包

鼠标滑动到模块列表上,点击“编译打包”按钮,在弹出的弹框中可选择是否开启代码压缩以及是否自定义打包输出位置和包名(可选),然后点击确定。

基本设置

输入APP名称和APP简介可实时进行修改信息,点击“选择授权文件”按钮可上传LIGHT_LICENSE文件,该文件用于应用接入平台的凭证。

应用Logo

点击“Logo图片选择”按钮上传一张logo图即可,上传成功后可在左侧的模拟器中看到预览效果。

启动画面

点击“图片选择”按钮上传一张启动图即可,上传成功后可在左侧看到预览效果。

启动引导

点击“图片选择”按钮上传引导图,最多可传5张,点击图下方的删除按钮可以删除图片,上传成功后可在左侧看到引导图预览效果。

应用窗体

1.开关按钮可控制对应的状态栏和导航栏是否展示。
2.状态栏开关打开后可选择显示状态栏的文字颜色为白色或黑色。
3.导航栏打开后,单击对应的色块打开颜色选择器,可修改颜色。
4.单击内容区和菜单栏的色块区域可修改内容区和菜单栏的颜色。

窗体配置成功后在左侧可看到预览效果。

应用菜单

1.点击Iconfont 图标库右侧的选择字体图标按钮上传一个.ttf格式的字体图标文件。

2.点击“添加菜单项”按钮,在弹出的弹框中选择一个icon图标,输入标题(选填)、菜单文字、选择菜单关联的地址(即模块开发中的模块),点击确定,即可成功创建一个菜单。

3.鼠标滑动到菜单上,点击出现的“修改”按钮可再次修改菜单的标题,菜单文本及关联的地址。点击“删除”按钮可删除菜单。

4.菜单添加预览效果可在左侧的模拟器中查看。

插件配置

勾选需要添加的插件,在右侧输入对应的插件内容,然后点击“保存”按钮可成功保存插件的配置内容。

安全设置

点击右侧的开关按钮可开启对应的设置。