在线 编程 IDE
Kooboo 提供在线IDE, 无须安装, 直接在浏览器中使用。 这是基于微软的VsCode开源版本,增强非常多的开发功能
开发常用的文件分类成相应的菜单, 有不同的入口, 方便用户管理,同时提供一种开发者模式,可以与 VsCode非常类似的开发界面与体验。
快捷键
掌握一些常规的快捷键有助于更好的开发, 并不是所有的功能都有可见的按键
CTRL + S : 保存文件
CTRL + Z :回退操作
CTRL + / : 注释行,如果是注释过的行则为反注释
ALT + SHIFT + A: 注释选中块, 如果是已经注释的块则为反注释
ALT + SHIFT + F: 格式化文件
CTRL + J : 显示/隐藏信息, 用于显示参数
CTRL + F : 文件内查找
CTRL + H: 文件内替换
F2: 重命名
开发
在普通模式下, 用户可以点击打开文件进行编辑。 常见的开发组件:
页面: 组装成的最终页面
布局: 页面布局, 包含定位与容器
组件: 网页的功能模块
脚本: 前台 JavaScript文件
样式: CSS样式
代码: 后台代码,API或是代码块, 也是JavaScript.
点击上图的”开发者模式“, 进入开发者专用界面, 这个界面与开发者常见的界面很类似, 提供搜索与调试等功能。
智能提示
系统包含很强大的智能提示功能, 前端后端代码都会有提示
预览
开发完部件后可以加载进页面预览, 在相关的界面, 通常也可以找到独立预览仅该组件的按键
比如在开发者模式下, 预览的入口如下图所示