实验楼WebIDE使用指南

2025-12-19 14:02:15

1、进入WebIDE。

进入相关课程的实验环境后,在页面右上角找到带有IDE字样的图标(如下图),点击该按钮即可在新开的浏览器窗口中使用WebIDE。

打开之后的界面如下图所示(可切换黑/白主题)。

实验楼WebIDE使用指南

实验楼WebIDE使用指南

2、使用技巧。

WebIDE默认打开的是实验环境中的/home/shiyanlou/Code目录,你可以在WebIDE左侧的目录树中看到该目录下的文件夹和文件,如下图所示。

 这里的文件是与上述目录同步的,你可以随时返回到实验环境去查看它们(如下图)。

通常的做法是在这里进行代码的编辑操作,然后在实验环境中对这些代码进行导入导出、编译、运行等(当然,WebIDE本身是能够编译运行这些源文件的)。

实验楼WebIDE使用指南

实验楼WebIDE使用指南

3、文件创建、编辑和保存。

点击顶部菜单栏上的File选项,可以打开文件菜单,如图所示。

在这里你可以进行文件的创建(New File)、文件夹的创建(New Folder)、打开最近文件(Open Recent)。通常创建新文件时会直接以untitled作为默认文件名,在你按Ctrl+S或菜单项Editor->Save保存时会弹出如下对话框,在此处你可以填写具体的文件名和扩展名。

在设置(Setting)里你可以对该开发环境的各项参数进行设置,比如下图里对WebIDE主题颜色的设置。

对于代码高亮,你可以在菜单项Editor->Syntax中选择正在编辑的语言类型。

实验楼WebIDE使用指南

实验楼WebIDE使用指南

实验楼WebIDE使用指南

实验楼WebIDE使用指南

4、命令面板。

在任何情况下,使用Ctrl+Shift+P快捷键(若是Mac,请用Cmd+Shift+P)可以呼出命令面板。这与Sublime Text类似,你可以在这里找到所有的命令和快捷键对照等。呼出的命令面板如下图所示。

此外,还有其他更多的功能等待你去发现。WebIDE是支持右键菜单的,必要时可以点击鼠标右键试试。

实验楼WebIDE使用指南

5、WebIDE快捷键对照表。

实验楼WebIDE使用指南

实验楼WebIDE使用指南

实验楼WebIDE使用指南

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢