命令行终端交互展示方法、装置、计算机可读介质及设备与流程

1.本公开涉及界面交互技术领域，具体而言，涉及一种命令行终端交互展示方法、命令行终端交互展示装置、计算机可读介质及电子设备。


背景技术：

2.集成开发环境(integrated development environment，ide)是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具，集成了代码编写功能、分析功能、编译功能、调试功能。
3.现有的基于ide的开发插件一般可以实现对于远程服务器资源的控制，其具体实现方式包括：在远程服务器上启动对应的服务进程，通过 ide镜像进行功能开发；或者，利用特定协议与远程服务器资源交互，通过作用于命令行仿真终端的操作进行功能开发。但是，上述方式无法对开发资源进行界面化展示，而界面化展示开发资源通常可以提升开发便捷性，因此，如何为开发者提供界面化开发条件以提升开发效率以及开发便捷性成为了亟需解决的问题。
4.需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。


技术实现要素：

5.本公开实施例的目的在于提供一种命令行终端交互展示方法、命令行终端交互展示装置、计算机可读介质及电子设备，可以提升开发便捷性从而提升开发效率。
6.本公开实施例的第一方面提供了一种命令行终端交互展示方法，包括：
7.响应于第一用户操作，与服务器建立连接；
8.在用户界面的文件展示区域展示服务器对应的文件资源，并在用户界面的命令行展示区域创建服务器对应的终端展示窗口；
9.响应作用于文件资源中目标文件的第二用户操作，控制终端展示窗口展示与目标文件对应的命令行终端；
10.响应作用于命令行终端中目标命令行的第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件。
11.在本公开的一种示例性实施例中，在用户界面的文件展示区域展示服务器对应的文件资源，包括：
12.以文件树的方式在文件展示区域展示服务器对应的文件资源。
13.在本公开的一种示例性实施例中，命令行展示区域包括至少一个终端展示窗口，不同的终端展示窗口对应于不同的服务器；
14.其中，命令行展示区域对于至少一个终端展示窗口的展示方式包括以下方式中任一种：全屏展示单个终端展示窗口的方式和同时展示至少一个终端展示窗口的方式。
15.在本公开的一种示例性实施例中，控制终端展示窗口展示与目标文件对应的命令
行终端之后，上述方法还包括：
16.响应作用于命令行终端中目标命令行的第四用户操作，在终端展示窗口展示与目标命令行对应的功能菜单；
17.响应作用于功能菜单中目标功能的第五用户操作，触发目标功能启动。
18.在本公开的一种示例性实施例中，在用户界面的代码展示区域展示目标命令行对应的代码文件之后，上述方法还包括：
19.当检测到服务器中存储的代码文件变更时，下载变更后的代码文件；
20.将代码展示区域展示的代码文件更新为变更后的代码文件。
21.在本公开的一种示例性实施例中，上述方法还包括：
22.响应于关闭服务器的用户操作，删除文件展示区域中展示的与服务器对应的文件资源；
23.关闭终端展示窗口和取消对代码文件的展示。
24.在本公开的一种示例性实施例中，在响应于第一用户操作之前，上述方法还包括：
25.展示历史连接记录和/或热门连接记录；其中，历史连接记录和热门连接记录中包括至少一个服务器链接。
26.根据本公开实施例的第二方面，提供一种命令行终端交互展示装置，上述装置包括：
27.连接单元，用于响应于第一用户操作，与服务器建立连接；
28.文件资源展示单元，用于在用户界面的文件展示区域展示服务器对应的文件资源；
29.命令行终端展示单元，用于在用户界面的命令行展示区域创建服务器对应的终端展示窗口，响应作用于文件资源中目标文件的第二用户操作，控制终端展示窗口展示与目标文件对应的命令行终端；
30.代码文件展示单元，用于响应作用于命令行终端中目标命令行的第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件。
31.在本公开的一种示例性实施例中，文件资源展示单元在用户界面的文件展示区域展示服务器对应的文件资源，包括：
32.以文件树的方式在文件展示区域展示服务器对应的文件资源。
33.在本公开的一种示例性实施例中，命令行展示区域包括至少一个终端展示窗口，不同的终端展示窗口对应于不同的服务器；
34.其中，命令行展示区域对于至少一个终端展示窗口的展示方式包括以下方式中任一种：全屏展示单个终端展示窗口的方式和同时展示至少一个终端展示窗口的方式。
35.在本公开的一种示例性实施例中，上述装置还包括：
36.功能展示单元，用于在命令行终端展示单元控制终端展示窗口展示与目标文件对应的命令行终端之后，响应作用于命令行终端中目标命令行的第四用户操作，在终端展示窗口展示与目标命令行对应的功能菜单；
37.功能启动单元，用于响应作用于功能菜单中目标功能的第五用户操作，触发目标功能启动。
38.在本公开的一种示例性实施例中，上述装置还包括：
39.文件变更单元，用于在代码文件展示单元在用户界面的代码展示区域展示目标命令行对应的代码文件之后，当检测到服务器中存储的代码文件变更时，下载变更后的代码文件；将代码展示区域展示的代码文件更新为变更后的代码文件。
40.在本公开的一种示例性实施例中，上述装置还包括：
41.资源删除单元，用于响应于关闭服务器的用户操作，删除文件展示区域中展示的与服务器对应的文件资源；关闭终端展示窗口和取消对代码文件的展示。
42.在本公开的一种示例性实施例中，上述装置还包括：
43.连接记录展示单元，用于在连接单元在响应于第一用户操作之前，展示历史连接记录和/或热门连接记录；其中，历史连接记录和热门连接记录中包括至少一个服务器链接。
44.根据本公开实施例的第三方面，提供了一种计算机可读介质，其上存储有计算机程序，程序被处理器执行时实现如上述实施例中第一方面的命令行终端交互展示方法。
45.根据本公开实施例的第四方面，提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当一个或多个程序被一个或多个处理器执行时，使得一个或多个处理器实现如上述实施例中第一方面的命令行终端交互展示方法。
46.根据本技术的第五方面，提供一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述的各种可选实现方式中提供的方法。
47.本公开实施例提供的技术方案可以包括以下有益效果：
48.在本公开的一些实施例所提供的技术方案，具体包括：响应于第一用户操作，与服务器建立连接；在用户界面的文件展示区域展示服务器对应的文件资源，并在用户界面的命令行展示区域创建服务器对应的终端展示窗口；响应作用于文件资源中目标文件的第二用户操作，控制终端展示窗口展示与目标文件对应的命令行终端；响应作用于命令行终端中目标命令行的第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件。实施本公开的实施例，一方面，可以基于对文件资源、命令行终端、代码文件的界面化展示，提升开发便捷性从而提升开发效率。另一方面，可以结合ide和命令行仿真终端为开发者提供界面化开发环境，降低操作门槛。
49.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
50.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
51.图1示意性示出了可以应用本公开实施例的一种命令行终端交互展示方法及命令行终端交互展示装置的示例性系统架构的示意图；
52.图2示意性示出了适于用来实现本公开实施例的电子设备的计算机系统的结构示
意图；
53.图3示意性示出了根据本公开的一个实施例的命令行终端交互展示方法的流程图；
54.图4示意性示出了根据本公开的一个实施例的包含文件树与命令行终端的用户界面示意图；
55.图5示意性示出了根据本公开的一个实施例的包含多个终端展示窗口的用户界面示意图；
56.图6示意性示出了根据本公开的一个实施例的包含功能菜单的界面示意图；
57.图7示意性示出了根据本公开的一个实施例的功能展示界面示意图；
58.图8示意性示出了根据本公开的一个实施例包含调试窗口的界面示意图；
59.图9示意性示出了根据本公开的一个实施例的包含终端命令行和代码文件的用户界面示意图；
60.图10示意性示出了根据本公开的一个实施例的用于展示服务器连接方式的用户界面示意图；
61.图11示意性示出了根据本公开的一个实施例的各服务器对应的终端展示窗口的用户界面示意图；
62.图12示意性示出了根据本公开的一个实施例的用于实施命令行终端交互展示方法的系统架构示意图；
63.图13示意性示出了根据本公开的一个实施例的命令行终端交互展示方法的流程图；
64.图14示意性示出了根据本公开的一个实施例中的命令行终端交互展示装置的结构框图。
具体实施方式
65.现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。
66.此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
67.图1示意性示出了可以应用本公开实施例的一种命令行终端交互展示方法及命令行终端交互展示装置的示例性系统架构的示意图。
68.如图1所示，系统架构100可以包括终端设备101、102、103中的一个或多个，网络104和服务器105。网络104用以在终端设备101、 102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。终端设备 101、102、103可以是具有显示屏的各种电子设备，包括但不限于台式计算机、便携式计算机、智能手机和平板电脑等等。应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。比如服务器105可以是多个服务器组成的服务器集群等。其中，服务器105用于执行：响应于第一用户操作，与服务器建立连接；在用户界面的文件展示区域展示服务器对应的文件资源，并在用户界面的命令行展示区域创建服务器对应的终端展示窗口；响应作用于文件资源中目标文件的第二用户操作，控制终端展示窗口展示与目标文件对应的命令行终端；响应作用于命令行终端中目标命令行的第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件。
69.图2示出了适于用来实现本公开实施例的电子设备的计算机系统的结构示意图。
70.需要说明的是，图2示出的电子设备的计算机系统200仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
71.如图2所示，计算机系统200包括中央处理单元(cpu)201，其可以根据存储在只读存储器(rom)202中的程序或者从储存部分208 加载到随机访问存储器(ram)203中的程序而执行各种适当的动作和处理。在(ram)203中，还存储有系统操作所需的各种程序和数据。 (cpu)201、(rom)202以及(ram)203通过总线204彼此相连。输入/输出(i/o)接口205也连接至总线204。
72.以下部件连接至(i/o)接口205：包括键盘、鼠标等的输入部分 206；包括诸如阴极射线管(crt)、液晶显示器(lcd)等以及扬声器等的输出部分207；包括硬盘等的储存部分208；以及包括诸如lan 卡、调制解调器等的网络接口卡的通信部分209。通信部分209经由诸如因特网的网络执行通信处理。驱动器210也根据需要连接至(i/o) 接口205。可拆卸介质211，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器210上，以便于从其上读出的计算机程序根据需要被安装入储存部分208。
73.特别地，根据本公开的实施例，下文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分209从网络上被下载和安装，和/或从可拆卸介质211被安装。在该计算机程序被中央处理单元(cpu)201执行时，执行本技术的方法和装置中限定的各种功能。
74.需要说明的是，本公开所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器 (rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd
‑
rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程
序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、rf等等，或者上述的任意合适的组合。
75.附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
76.描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现，所描述的单元也可以设置在处理器中。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定。
77.作为另一方面，本技术还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该电子设备执行时，使得该电子设备实现如下述实施例中所述的方法。例如，所述的电子设备可以实现如图3所示的各个步骤等。
78.本示例实施方式提供了一种命令行终端交互展示方法，参考图3所示，该命令行终端交互展示方法可以包括以下步骤s310至步骤s340，具体地：
79.步骤s310：响应于第一用户操作，与服务器建立连接。
80.步骤s320：在用户界面的文件展示区域展示服务器对应的文件资源，并在用户界面的命令行展示区域创建服务器对应的终端展示窗口。
81.步骤s330：响应作用于文件资源中目标文件的第二用户操作，控制终端展示窗口展示与目标文件对应的命令行终端。
82.步骤s340：响应作用于命令行终端中目标命令行的第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件。
83.实施图3所示的命令行终端交互展示方法，可以基于对文件资源、命令行终端、代码文件的界面化展示，提升开发便捷性从而提升开发效率。此外，可以结合ide和命令行仿真终端为开发者提供界面化开发环境，降低操作门槛。
84.下面，对于本示例实施方式的上述步骤进行更加详细的说明。
85.在步骤s310中，响应于第一用户操作，与服务器建立连接。
86.其中，第一用户操作可以为输入链接操作、选择链接操作等，本技术实施例不作限定。第一用户操作可以用于选择/输入多个服务器链接，基于此，与服务器建立连接的方式为：与多个服务器分别建立连接。
87.在步骤s310之前，上述方法还可以包括：修改node.js的ssh2库并封装，以使得修改后的ssh2库支持gbk编码，这样可以实现对使用gbk编码方式编写的服务端系统的连接，从而提升本技术的应用范围。进而，还可以包括：封装并发执行的文件操作接口(api)。其中， node.js是一个基于chrome v8引擎的javascript运行环境。
88.在步骤s320中，在用户界面的文件展示区域展示服务器对应的文件资源，并在用户界面的命令行展示区域创建服务器对应的终端展示窗口。
89.其中，命令行展示区域包括至少一个终端展示窗口，不同的终端展示窗口对应于不同的服务器；其中，命令行展示区域对于至少一个终端展示窗口的展示方式包括以下方式中任一种：全屏展示单个终端展示窗口的方式和同时展示至少一个终端展示窗口的方式。
90.此外，在用户界面的文件展示区域展示服务器对应的文件资源之前，上述方法还可以包括：在xterm.js增加多个增强型的菜单触发功能，以使得开发者可以直接使用鼠标操作命令行终端中相关文件的上传和下载。其中，xterm.js是一个前端组件，用于允许应用程序在浏览器中为用户提供功能齐全的终端。
91.在本公开的一种示例性实施例中，在用户界面的文件展示区域展示服务器对应的文件资源，包括：以文件树的方式在文件展示区域展示服务器对应的文件资源。
92.其中，文件树是一种文件展示形式，文件树中的文件基于多个层级进行排布。用户可以将运行本技术的软件以插件的形式安装于相应的编译器(如，visual studio code(即，vscode))上，文件树可以同时展示vscode ide的文件资源以及所有服务器对应的文件资源，以便用户根据需求开启任意文件的命令行终端。
93.具体请参阅图4，图4示意性示出了根据本公开的一个实施例的包含文件树与命令行终端的用户界面示意图。用户可以将运行本技术的软件以插件的形式安装于相应的编译器(如，visual studio code(即， vscode))上，进而可以通过第一用户操作触发建立与服务器之间的连接，从而可以展示如图4所示的用户界面，服务器的文件资源可以通过文件树的方式在vscode ide的文件展示区域进行展示。
94.用户可以点击文件树中任一文件，若用户点击的是文件410，则可以展示文件410对应的菜单420，菜单420用于进行功能展示，菜单 420中具体可以包括命令窗口、文件操作、版本管理、快速检索、目录刷新、工具集合等功能。
95.用户可以通过对命令窗口、文件操作、版本管理、快速检索、目录刷新、工具集合中目标功能的点击，可以触发展示对于目标功能对应的菜单430。菜单430用于展示与目标功能对应的子功能，具体包括：当前目录、编表目录、引擎目录、日志目录、协议目录以及文件追踪目录。
96.进而，可以控制终端展示窗口400展示与文件410对应的命令行终端，即展示文件410对应的具体代码内容，用户可以通过点击具体代码内容中的目标命令行，以触发展示该目标命令行对应的菜单440，菜单 440用于展示该目标命令行对应的功能，具体包括：快速查看、内容粘贴、文件下载、文件上传、窗口复制、目标跳转、窗口刷新。当用户点击快速查
看、内容粘贴、文件下载、文件上传、窗口复制、目标跳转、窗口刷新中任一功能，则可以触发在用户界面的代码展示区域展示目标命令行对应的代码文件。
97.可见，实施该可选的实施例，能够通过对文件资源的树形展示，方便用户根据需求打开相应文件的命令行终端，通过触发命令行终端中的代码文件，可以实现对代码文件的具体代码内容的展示，从而便于用户在代码展示区域中编辑相应代码。
98.在步骤s330中，响应作用于文件资源中目标文件的第二用户操作，控制终端展示窗口展示与目标文件对应的命令行终端。
99.可选的，控制终端展示窗口展示与目标文件对应的命令行终端，包括：控制终端展示窗口全屏展示与目标文件对应的命令行终端，以屏蔽 vscode ide中其他相关界面，为用户提供经典仿真终端的操作体验。
100.请参阅图5，图5示意性示出了根据本公开的一个实施例的包含多个终端展示窗口的用户界面示意图。如图5所示，可以开启多个终端展示窗口，不同的终端展示窗口可以用于展示不同服务器的命令行终端。可选的，当检测到拖拽操作时，可以响应于该拖拽操作，将拖拽操作对应的终端展示窗口移动至拖拽操作的终止位置，从而实现对于终端展示窗口的展示位置调整，方便用户根据需求调整终端展示窗口的展示顺序。
101.在本公开的一种示例性实施例中，控制终端展示窗口展示与目标文件对应的命令行终端之后，上述方法还包括：响应作用于命令行终端中目标命令行的第四用户操作，在终端展示窗口展示与目标命令行对应的功能菜单；响应作用于功能菜单中目标功能的第五用户操作，触发目标功能启动。
102.其中，目标命令行可以为命令行终端中任一命令行。另外，可选的，若目标功能对应于子列表，响应于第五用户操作，触发目标功能启动，包括：响应于第五用户操作，输出目标功能对应的子列表，当检测到作用于子列表中任一项的第六用户操作，对第六用户操作进行响应。其中，目标功能对应的子列表中可以包含子功能和/或文件名。
103.请参阅图6，图6示意性示出了根据本公开的一个实施例的包含功能菜单的界面示意图。如图6所示，响应作用于命令行终端中目标命令行的第四用户操作，在终端展示窗口展示与目标命令行对应的功能菜单 600，功能菜单600中可以包括多个功能，如，快速查看、内容粘贴、文件下载、文件上传、窗口复制、目录跳转、窗口刷新。当检测到作用于功能菜单600中目标功能601的第五用户操作时，可以响应于第五用户操作，展示目标功能601对应的文件名菜单610，具体包括：编表目录、日志目录、数据目录、活动目录、脚本目录、协议目录。当检测到用于进行文件名选择的用户操作时，可以展示该用户操作对应的目标文件名的终端命令行。
104.请参阅图7，图7示意性示出了根据本公开的一个实施例的功能展示界面示意图。本技术还可以为用户提供的功能的展示方式还可以为图 7所示的方式，图7可以包括：菜单710、菜单720以及目录730，其中。菜单710包括：转到定义、编译脚本、更新脚本、工作平台、快速查找、调试相关、快速查看、更改所有匹配项、剪切、复制、粘贴、 git：view file history、git：view line history、命令面板。当用户触发菜单710中的工作平台时，可以展示菜单720，菜单720包括：当前目录、右侧打开、工具集合、命令窗口、版本管理、便捷脚本。当用户触发菜单720中的命令窗口时，可以展示目录730，目录730包括：当前目录、编表目录、引擎目录、日志目录、协议目录、文件追踪。
105.请参阅图8，图8示意性示出了根据本公开的一个实施例包含调试窗口的界面示意图。如图8所示，本技术还可以为用户提供调试窗口，以方便用户在调试窗口进行代码调试，在调试窗口中，用户可以通过输入区域800输入内容，所输入的内容用于展示在光标的当前位置。调试窗口与终端展示窗口可以处于同一层级，方便用户在调试窗口和终端展示窗口之间进行自由切换。
106.可见，实施该可选的实施例，能够为用户提供了可以实现代码编辑的交互界面以及丰富的功能菜单，方便用户体验仿真终端的操作界面并方便用户实现代码编辑。
107.在步骤s340中，响应作用于命令行终端中目标命令行的第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件。
108.具体地，本技术中的第一用户操作、第二用户操作、第三用户操作、第四用户操作、第五用户操作可以为单击操作、双击操作、拖动操作、长按操作、触屏操作等，本技术实施例不作限定。
109.另外，在检测到作用于命令行终端中目标命令行的第三用户操作之后，上述方法还包括：展示目标命令行对应的文件窗口，该文件窗口中的文件均与目标命令行相对应；若在文件窗口中检测到鼠标位置/点击操作触发位置，则根据鼠标位置/点击操作触发位置从文件窗口中确定目标代码文件。
110.基于此，响应于第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件，包括：响应于第三用户操作，在用户界面的代码展示区域展示目标命令行对应的目标代码文件。
111.另外，若在文件窗口中未检测到鼠标位置/点击操作触发位置，响应于第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件，包括：响应于第三用户操作，在用户界面的代码展示区域展示目标命令行对应的所有代码文件，以便用户根据需求选择相应的代码文件进行编辑。
112.请参阅图9，图9示意性示出了根据本公开的一个实施例的包含终端命令行和代码文件的用户界面示意图。如图9所示，当检测到作用于命令行终端910中目标命令行912的用户操作时，可以展示目标命令行 912对应的功能菜单911，功能菜单911可以包括如下功能：快速查看、内容粘贴、文件下载、文件上传、窗口复制、目录跳转。当用户触发快速查看的功能时，可以在用户界面的代码展示区域920展示包含目标命令行对应的代码921的代码文件。另外，需要说明的是，文件下载用于指示下载指定文件或目录，文件上传用于指示在当前终端目录下上传文件，窗口复制用于指示在vscode ide的用户界面中打开指定代码文件，目录跳转用于指示在vscode ide新开窗口并在新开窗口中打开指定代码文件。
113.在本公开的一种示例性实施例中，在用户界面的代码展示区域展示目标命令行对应的代码文件之后，上述方法还包括：当检测到服务器中存储的代码文件变更时，下载变更后的代码文件；将代码展示区域展示的代码文件更新为变更后的代码文件。
114.其中，将代码展示区域展示的代码文件更新为变更后的代码文件之后，还可以包括：输出用于表示代码文件已更新的提示信息。
115.可见，实施该可选的实施例，能够对代码文件进行实时更新，从而保证用户浏览的代码文件是最新代码文件，改善用户的使用体验。
116.在本公开的一种示例性实施例中，上述方法还包括：响应于关闭服务器的用户操
作，删除文件展示区域中展示的与服务器对应的文件资源；关闭终端展示窗口和取消对代码文件的展示。
117.其中，删除文件展示区域中展示的与服务器对应的文件资源，包括：删除文件展示区域中与该服务器对应的文件资源相关的文件树节点。
118.可见，实施该可选的实施例，能够通过关闭服务器删除响应的文件资源，避免用于展示文件资源的文件树对于用户界面的无效占用，从而改善用户的使用体验。
119.在本公开的一种示例性实施例中，在响应于第一用户操作之前，上述方法还包括：展示历史连接记录和/或热门连接记录；其中，历史连接记录和热门连接记录中包括至少一个服务器链接。
120.其中，历史连接记录和热门连接记录的数量均可以为一个或多个，本技术实施例不作限定。一条历史连接记录中可以包含一个或多个服务器链接。
121.可见，实施该可选的实施例，能够实现与多个服务器的连接，从而方便用户远程操作多个服务器。
122.请参阅图10，图10示意性示出了根据本公开的一个实施例的用于展示服务器连接方式的用户界面示意图。如图10所示，用户可以通过服务器名/服务器分支/服务器编号输入窗口1000输入需要连接的至少一个服务器名/服务器分支/服务器编号，在输入过程中，可以根据输入窗口1000中的检测到的内容为用户匹配相关选项，随着用户输入的内容增加，相关选项也可以实时更新，这样可以方便用户只输入一部分的服务器名/服务器分支/服务器编号，就能够从匹配出的相关选项中选出所需的服务器，从而实现与一个或多个服务器的连接。当检测到作用于功能菜单中“工作平台”的用户操作，可以开启“工作平台”对应的如图 10所示的页面。当用户触发图10中的旧连接控件时，可以为用户展示历史连接记录和/或热门连接记录。
123.请参阅图11，图11示意性示出了根据本公开的一个实施例的各服务器对应的终端展示窗口的用户界面示意图。如图11所示，当检测到作用于代码文件中某行代码的触发操作时，可以展示与该行代码对应的目录1110，其中，目录1110可以处于新窗口中，与标识符1100为 192.168.10.177的代码文件并行显示。
124.请参阅图12，图12示意性示出了根据本公开的一个实施例的用于实施命令行终端交互展示方法的系统架构示意图。如图12所示，用于实施命令行终端交互展示方法的系统可以包括本地设备1200、远程设备1210、远程设备1220。其中，远程设备1210中的文件系统1211基于freebsd，freebsd是一种类unix操作系统。远程设备1220中的文件系统1221基于linux，linux是一种类unix操作系统。本技术可以以插件式方式安装、运行于本地设备的vscode ide环境1210中，无须额外的后端服务进程。其中，vscode ide环境1210可以用于展示命令行终端1211，vscode ide环境1210还可以用于运行文件树系统1212， vscode ide环境1210还可以支持各种文件操作与其他封装1213。另外，本地设备1200与远程设备1210之间可以基于ssh或ssh2协议进行通信，其中，ssh是安全外壳协议，ssh与ssh2是不同版本的安全外壳协议。本地设备1200与远程设备1220之间可以基于remotessh插件进行通信。基于上述系统，可以实现开发套件同类功能以及功能更丰富的命令行仿真终端并支持freebsd系统。
125.请参阅图13，图13示意性示出了根据本公开的一个实施例的命令行终端交互展示
方法的流程图。如图13所示，该命令行终端交互展示方法可以包括如下步骤。
126.步骤s1300：展示历史连接记录和/或热门连接记录；其中，历史连接记录和热门连接记录中包括至少一个服务器链接。
127.步骤s1310：响应于第一用户操作，与服务器建立连接。
128.步骤s1320：以文件树的方式在文件展示区域展示服务器对应的文件资源，并在用户界面的命令行展示区域创建服务器对应的终端展示窗口。
129.步骤s1330：响应作用于文件资源中目标文件的第二用户操作，控制终端展示窗口展示与目标文件对应的命令行终端。
130.步骤s1340：响应作用于命令行终端中目标命令行的第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件。
131.步骤s1350：响应作用于命令行终端中目标命令行的第四用户操作，在终端展示窗口展示与目标命令行对应的功能菜单。
132.步骤s1360：响应作用于功能菜单中目标功能的第五用户操作，触发目标功能启动。
133.步骤s1370：当检测到服务器中存储的代码文件变更时，下载变更后的代码文件，将代码展示区域展示的代码文件更新为变更后的代码文件。
134.步骤s1380：响应于关闭服务器的用户操作，删除文件展示区域中展示的与服务器对应的文件资源，关闭终端展示窗口和取消对代码文件的展示。
135.需要说明的是，步骤s1300～步骤s1380与图3所示的各步骤及其实施例相对应，针对步骤s1300～步骤s1380的具体实施方式，请参阅图3所示的各步骤及其实施例，此处不再赘述。
136.可见，实施图13所示的命令行终端交互展示方法，可以基于对文件资源、命令行终端、代码文件的界面化展示，提升开发便捷性从而提升开发效率。此外，可以结合ide和命令行仿真终端为开发者提供界面化开发环境，降低操作门槛。
137.进一步的，本示例实施方式中，还提供了一种命令行终端交互展示装置，参考图14所示，该命令行终端交互展示装置1400，可以包括：
138.连接单元1401，用于响应于第一用户操作，与服务器建立连接；
139.文件资源展示单元1402，用于在用户界面的文件展示区域展示服务器对应的文件资源；
140.命令行终端展示单元1403，用于在用户界面的命令行展示区域创建服务器对应的终端展示窗口，响应作用于文件资源中目标文件的第二用户操作，控制终端展示窗口展示与目标文件对应的命令行终端；
141.代码文件展示单元1404，用于响应作用于命令行终端中目标命令行的第三用户操作，在用户界面的代码展示区域展示目标命令行对应的代码文件。
142.其中，命令行展示区域包括至少一个终端展示窗口，不同的终端展示窗口对应于不同的服务器；其中，命令行展示区域对于至少一个终端展示窗口的展示方式包括以下方式中任一种：全屏展示单个终端展示窗口的方式和同时展示至少一个终端展示窗口的方式。
143.可见，实施图10所示的装置，可以基于对文件资源、命令行终端、代码文件的界面
化展示，提升开发便捷性从而提升开发效率。此外，可以结合ide和命令行仿真终端为开发者提供界面化开发环境，降低操作门槛。
144.在本公开的一种示例性实施例中，文件资源展示单元1402在用户界面的文件展示区域展示服务器对应的文件资源，包括：
145.以文件树的方式在文件展示区域展示服务器对应的文件资源。
146.可见，实施该可选的实施例，能够通过对文件资源的树形展示，方便用户根据需求打开相应文件的命令行终端，通过触发命令行终端中的代码文件，可以实现对代码文件的具体代码内容的展示，从而便于用户在代码展示区域中编辑相应代码。
147.在本公开的一种示例性实施例中，上述装置还包括：
148.功能展示单元(未图示)，用于在命令行终端展示单元1403控制终端展示窗口展示与目标文件对应的命令行终端之后，响应作用于命令行终端中目标命令行的第四用户操作，在终端展示窗口展示与目标命令行对应的功能菜单；
149.功能启动单元(未图示)，用于响应作用于功能菜单中目标功能的第五用户操作，触发目标功能启动。
150.可见，实施该可选的实施例，能够为用户提供了可以实现代码编辑的交互界面以及丰富的功能菜单，方便用户体验仿真终端的操作界面并方便用户实现代码编辑。
151.在本公开的一种示例性实施例中，上述装置还包括：
152.文件变更单元(未图示)，用于在代码文件展示单元1404在用户界面的代码展示区域展示目标命令行对应的代码文件之后，当检测到服务器中存储的代码文件变更时，下载变更后的代码文件；将代码展示区域展示的代码文件更新为变更后的代码文件。
153.可见，实施该可选的实施例，能够对代码文件进行实时更新，从而保证用户浏览的代码文件是最新代码文件，改善用户的使用体验。
154.在本公开的一种示例性实施例中，上述装置还包括：
155.资源删除单元(未图示)，用于响应于关闭服务器的用户操作，删除文件展示区域中展示的与服务器对应的文件资源；关闭终端展示窗口和取消对代码文件的展示。
156.可见，实施该可选的实施例，能够通过关闭服务器删除响应的文件资源，避免用于展示文件资源的文件树对于用户界面的无效占用，从而改善用户的使用体验。
157.在本公开的一种示例性实施例中，上述装置还包括：
158.连接记录展示单元(未图示)，用于在连接单元1401在响应于第一用户操作之前，展示历史连接记录和/或热门连接记录；其中，历史连接记录和热门连接记录中包括至少一个服务器链接。
159.可见，实施该可选的实施例，能够实现与多个服务器的连接，从而方便用户远程操作多个服务器。
160.应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
161.由于本公开的示例实施例的命令行终端交互展示装置的各个功能模块与上述命令行终端交互展示方法的示例实施例的步骤对应，因此对于本公开装置实施例中未披露的
细节，请参照本公开上述的命令行终端交互展示方法的实施例。
162.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本技术旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
163.应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。