新手指南
使用登录
岗位配题
测评报告
答题测评
测评结果通知
数据统计
邀请答题
VIP用户

WEBIDE-Theia 通用环境使用说明



*答题友情提示*


包含【编程题及上机题】的岗位试卷,建议PC端答题,并使用Chrome浏览器(更好的兼容)


先答客观题(选择/判断/填空/问答)、再答编程题/上机题

-------------------------------------------------------------------------------------------------------------------------------



一、默认界面和默认项目目录thago_work


进入到不同的WEB IDE-Theia实训环境后,默认的界面都是相同的,只需点击编辑器左侧栏第一个图标(文件),就能看到默认的项目目录


thago_work】,以及里面的文件,如下图:


1.png2.png3.png



二、linux终端命令行使用方法


1.我们的实训环境都是基于linux 系统环境,和windows系统在目录路径上有一点区别,如果需要查看Thago_work目录所在路径


打开终端命令行界面,如下图:


4.png5.png



2.直接输入命令:pwd  该路径为左侧栏打开的目录所在的路径(当前路径)


如果发现常用的linux命令不能使用,提示找不到该命令,说明该实训环境没有配置环境变量,这是某些特定的环境原因造成的,使


用下面的命令即可解决当前终端不能执行常用linux命令问题,在终端中输入命令:


export PATH=/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:/root/bin


再次输入命令:ls 或者 ls -a查看该目录里面有哪些文件


6.png



可以看到项目目录thago_work目录位于该目录下


接着输入命令: cd thago_work  该命令表示进入thago_work目录


再次输入 pwd 命令查看,如下图


7.png



三、 新建文件


在不同的WEB IDE-Theia环境中,新建文件都是一样流程,唯一的区别都是文件的后缀名不一样


1.比如现在新建一个java文件:


1) 点击编辑器左侧栏的项目名称(thago_work),鼠标右键点击New File,如下图


8.png


给新建的java文件取个名字,后缀名以.java结尾,如果是别的编程语言,比如c++,就以.cpp结尾,php语言,就以.php结尾,python文件,


就以.py结尾,Go语言文件,就以.go结尾等等,加上特有的文件后缀名后,编辑器会自动识别对应的文件


点击ok后,就可以开始您的编码了。


9.png



如果您要新建目录,点击New File下面的New Folder即可,操作方法除了不需要后缀名外和新建文件流程一致,如下图:


10.png



四. 安装插件


不同环境的WEB IDE-Theia安装插件的方法都是一样的,在插件商店搜索插件直接安装即可


点击编辑器左侧栏倒数第二个图标(有的时候是倒数第一个),鼠标移动到该图标后会有提示该图标是干什么用的(功能),如下图:


比如安装一个名为 Spring Boot Tools 的插件,直接搜索并安装


11.png


五、WEB IDE - Theia编辑器快速运行Java、C/C++、Python、Php、Go等代码


不同环境的WEB IDE-Theia编辑器都具备快速调试代码的功能,且它们的使用方法都一样


1) 到插件商店下载并安装一个插件:Code Runner


12.png



2) 比如您是在带golang环境的WEB IDE-Theia编辑器中,那么现在来测试一段go代码


鼠标点击自己的代码文件名,右键点击 Run Code,运行结果结果会在下方的控制台(Output)输出结果,如下图:


13.png


14.png




六、上传和下载文件


我们的带不同环境的WEB IDE-Theia编辑器都具备上传文件和下载文件的功能


不管是上传文件还是下载文件,都需要在当前目录中进行,如果需要把文件上传到别的目录,或者从别的目录中下载文件保存到本地,也需


要进入到对应的目录再进行上传文件和下载文件的操作


1.上传文件:


1)要把文件上传到指定的目录,需要进入到指定的目录,比如把文件上传到/opt目录:


点击编辑器左上方菜单栏的File --> 点击Open --> 选择/opt目录,如下图


15.png



选择根目录(“ / ”) ,如下图



16.png



点击open,如下图:


17.png



然后浏览器会打开一个新窗口,如下图:


18.png19.png



此时已经进入到了opt目录,再次点击编辑器上方菜单栏的 File --> 点击Upload Files,如下图:


20.png



在弹出的Windows窗口中选择自己需要上传到实训环境的文件即可,如下图:


21.png

22.png



如果是在/opt目录中的某个目录中上传文件,直接先选中该目录,右键点击Upload Files即可,如下图:


23.png



2. 下载文件


如果需要把自己的项目代码保存下来,先选择需要下载的文件夹或者文件,然后直接鼠标右键 --> Download,如下图:


24.png


同样,如果想要上传文件,点击Upload Files即可。