可视化在线开发
在线编辑器支持自动拼写，输入一个字符（串），若存在该字符（串），则编辑器将出现所匹配的内容，点击选择所需代码，如下图所示网页链接
请点击输入图片描述
编辑区域内右键可调出快捷工具菜单，按下鼠标右键，点击选择下图所示的工具：
请点击输入图片描述
快捷键操作如下表所示；
快捷键
快捷键说明
Ctrl + F 查找
Ctrl + H 查找替换
Ctrl + [ 、 Ctrl + ] 代码行缩进
Ctrl + C 复制当前选中内容
Ctrl + X 剪切当前选中内容
Ctrl + V 在光标处插入剪贴板的内容，并替换任何所选内容，只有在剪切或复制了内容之后，才能使用此快捷键
Shift + Alt + F 代码格式化
Alt + Up 、 Alt + Down 上下移动一行
Alt + Shift + 鼠标左键 多行编辑（列编辑）（鼠标右键更改所有匹配项）
Ctrl + Delete 删除光标右侧的所有字
Ctrl + U 回退上一个光标操作
Ctrl + K后Ctrl + 0 折叠所有区域代码
Ctrl + K后Ctrl + J 展开所有折叠区域代码
选中注释代码块 Ctrl+ / 代码块注释
Home 移动到行首
End 移动到行尾
Ctrl + F12 转到定义
Alt + F12 速览定义
Shift + F12 查找所有定义
Ctrl + End 移动到文件结尾
Ctrl + Home 移动到文件开头
Ctrl + Shift + Enter 在当前行上方插入一行
编辑器内按下 F1 键，调出快捷功能列表，用户可按需选择下图所示的功能：
请点击输入图片描述
在线编辑器支持插入常用代码块，降低学习门槛。将鼠标移至菜单栏中“快捷代码”或者点击工具栏“快捷代码”图标（
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
为方便用户开发，在线开发环境提供了资源引用的快捷入口。如引用“模板资源”步骤下：
点击工具栏“模型”图标（
请点击输入图片描述
在出现的模型资源面板中双击要引用的模型
编辑器区域快速插入相应代码
点击工具栏“执行项目”图标（
请点击输入图片描述
其他资源引用操作详见 在线开发 - 菜单导航 - 资源管理
Jetstrap是一个基于 Bootstrap 前端框架的可视化设计工具。
通过 Jetstrap制作出来的网页 100% 符合 Bootstrap 标准。比如说你只要设计了电脑端的页面，它会自动适配手机端和 Pad 端（响应式设计）。
