这篇是 《NO.5--- 微信小程序项目创建之 “其他” 板块的内建终端学习记录(游客模式)》的续篇,上篇文章记录了小程序项目创建界面 “其他” 版块中内建终端的操作流程、资源管理器中不同级的文件夹及文件开启内建终端的路径演示和终端的一些理论知识。
现继续开始学习之旅,这篇主要记录了初探内建终端的窗体功能及基础的终端操作事儿。
一、初探微信开发者工具内建终端的操作
以现时的知识体系,既没有代码输出,也没有脚本执行任务。所以,不能很好的运用终端作调试和测试方面的学习,现阶段只是接触一下终端,体会一下感觉。
1.1、调出内建终端。
1.1.1、鼠标调用内建终端
上篇记录了鼠标左键定位在文件夹或文件 ---》鼠标右键 ---》点击 “在内建终端中打开” 打开终端的方法。如图1、图2。
![](https://i-blog.csdnimg.cn/blog_migrate/c26eb52e15776b1f152918fae3040081.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ba0eab2ab43d13d7450b7f70469a7701.png)
1.1.2、菜单调用内建终端
还有一种方式是菜单栏中调用终端,方法如下:菜单栏选择视图 ---》点击 “终端”。用快捷键 Ctrl+` 也可以打开终端,如图3。
![](https://i-blog.csdnimg.cn/blog_migrate/d54a94e8373f7de81236e18822a0ff27.png)
通过这种方式调出的终端,效果如图4。
![](https://i-blog.csdnimg.cn/blog_migrate/8572f6b5c59cf3e29cc374ddcfc68d45.png)
这种方式调出的终端路径是项目的路径,并不是指定到某个文件夹内,如图5。
![](https://i-blog.csdnimg.cn/blog_migrate/a345b6e1577faac950c2cd310b61690d.png)
1.1.3、调用终端的一些发现
学习过程中发现一个情况。开发者软件打开了终端,然后关闭软件。下次再打开软件时,终端窗体会出现,终端窗体中间有个 + 号新建终端提示,点击 + 号就可以新建终端,如图6、7。
![](https://i-blog.csdnimg.cn/blog_migrate/54bb43aa1c6808019fae1a831bb9987a.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e0b15d527b1f3938d93164d1fb97b463.png)
按照提示,点击终端窗体中的 + 号就可以新建终端(其实只要点击终端窗体内就可以新建终端,不需要一定要点击 + 号的位置)。新建终端后,会发现路径定位在项目文件夹 OTHER-1 处,并不是我们关闭软件时 file 文件夹的路径。这个路径和上面 1.1.2 菜单调用内建终端所生成的路径一样。换言之这种打开内建终端的方式的效果等同于通过菜单栏调用内建终端,我理解为一个快捷方式,如图8。
![](https://i-blog.csdnimg.cn/blog_migrate/3148596f49f08e4f3247b1a6dd355096.png)
沿着软件关闭重启的思路,再做一个测试。这次软件打开终端的时候,我们先关闭终端再关闭软件,再重启软件看看情况如何?同样的首先还是选中 file 文件鼠标右键打开内建终端,终端是打开并且是指向我们设定的路径(file 文件夹的路径),如图9。
![](https://i-blog.csdnimg.cn/blog_migrate/327d43f25999a0878b30c4d87bdbda0e.png)
关闭内建终端,如图10。
![](https://i-blog.csdnimg.cn/blog_migrate/dcba6c2a068668a5d4219864a7315b06.png)
关闭软件,如图11。
![](https://i-blog.csdnimg.cn/blog_migrate/572bf765e9f2a06cf1e01389c8ab7a52.png)
重新打开微信开发者工具,从反馈中可以看到重新启动的软件并没有启动内建终端。如图12。
![](https://i-blog.csdnimg.cn/blog_migrate/103dbf75c48f2c9a8739fda26e011337.png)
通过以上的测试我们可以归纳一下:
1、软件中打开了内建终端,关闭软件。再次打开软件时会启动终端窗体,但窗体内没有内容,只有 + 号新建终端。按下 + 号新建终端,启动的内建终端会以项目文件夹路径打开。相当于通过菜单栏调用内建终端的效果。
2、软件中先关闭了内建终端,再关闭软件。再次打开软件时不会启动终端窗体。
1.1.4、调用内建终端总结
通过以上的操作可以归纳一下微信开发者工具调用内建终端的一些情况:
1、鼠标选中不同层级的文件夹,右键点击 “在内建终端中打开” 的方法。内建终端的路径是文件夹的路径。在路径选择上最大的优势就是直观性,可以通过浏览目录结构,鼠标点点点可以实现指哪打哪,直接打开需求文件夹执行事务处理。
2、菜单调用内建终端,路径是项目文件夹的路径,我理解为项目的根目录。在路径选择上,需了解项目文件的结构,文件夹的访问需自行操作。
一般用 Unix、Linux 系统的操作者会更习惯终端操作,更喜欢通过键入方式来执行事务。终端操作者们并不会介意身处那个路径。业务熟悉的情况下,总能噼里啪啦,键步如飞的完成路径切换、文件夹切换和事务操作。
终端操作一般具有以下的特点:
(一)、灵活性:命令行终端通过简洁的命令输入方式,提供了更直接和灵活的操作方式,可以高效地完成一些批处理、脚本、自动化任务等。
(二)、效率性:通过命令快速完成任务,无需频繁点击和切换界面,节省时间和精力。
(三)、追溯性:通过终端输入的命令和参数记录在历史记录中,便于追溯和复盘,能够更好地进行问题排查和解决。
(四)、可操作性:终端操作可以精确控制系统和应用的行为,对于工程师而言更加灵活和具有可预测性。
对于擅长终端操作的工程师而言,只需要一个终端,并不在意起始的路径是否符合需求。终端操作者们不需要在资源管理器通过鼠标点点点来打开终端。菜单调用或快捷键调用终端能快速启动内建终端,并且起始路径就是项目文件夹,对于终端操作者们就已经足够了。
无论采用那种方式打开内建终端,都是为了更好的服务于不同的场景与人群。选择使用哪种方式取决于具体的任务需求和个人偏好。
1.2、内建终端的一些功能。
接触过终端是什么,内建终端的概念以及怎么启动内建终端,现在开始对终端相关的功能进行学习了。从终端窗体中我们可以发现顶端分为左右结构,如图13
![](https://i-blog.csdnimg.cn/blog_migrate/c762a225261828bcff1c9ef98643add7.png)
1.2.1、内建终端左侧菜单栏功能
靠左边的功能选项有:构建、问题、输出、调试控制台、终端、代码质量,如图14。
![](https://i-blog.csdnimg.cn/blog_migrate/647fa7115257cec48a6e7d1de6d5e0b9.png)
现阶段知识储备有限,对于构建、问题、输出、调试控制台、终端、代码质量这些功能块也只是略知一二,了解并不够深入。根据学习到的资料对这些功能点进行概括记录,留作日后参考之用。
1、构建:构建功能用于将开发者编写的代码进行打包、编译等操作,生成可执行的应用程序。
2、问题:问题功能是为了方便开发者在终端中查看和解决代码中出现的问题,如错误信息、警告等。
3、输出:输出功能用来显示代码运行过程中产生的输出信息,比如打印的日志、调试信息等。
4、调试控制台:调试控制台提供一个交互式的终端界面,可以在运行代码的过程中输入命令进行调试和检查状态。
5、终端:终端是一个类似于命令行界面的工具,可以用来执行命令、管理项目、进行批处理等操作。
6、代码质量:代码质量功能可以帮助开发者检查代码风格、潜在的问题、代码优化建议等,以提升代码质量和可维护性。
这些功能在微信开发者工具的内建终端中,方便开发者进行项目管理、构建执行、代码调试和质量控制,提高开发效率和代码质量。
1.2.2、内建终端右侧菜单栏功能
靠右边的功能选项有:命令行解释器、新建终端、拆分终端、终止终端、最大化面板大小、关闭面板,如图15,16。
![](https://i-blog.csdnimg.cn/blog_migrate/73a16c14f92d3e500d80f29ecc505251.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7a05966160142c87574b6a0eea70b169.png)
1、命令行解析器
命令行解析器,也就是 powershell 这个下拉式菜单,如图17。
![](https://i-blog.csdnimg.cn/blog_migrate/14de8bc41ca44e8f21acfc60082877bb.png)
微信开发者工具中的内建终端提供了不同的终端选项,用于选择不同的命令行解释器。powershell 是 Windows 系统下的一个命令行解释器。
关于 PowerShell 也结合了一些资料学习它,方便作为理论基础。 PowerShell 是由 Microsoft 开发的一种命令行脚本语言和任务自动化框架。它提供了一种基于对象的管理和脚本编写方式,具有强大的脚本语言能力和系统管理功能。PowerShell 不仅仅是一个传统的命令行解释器,它结合了命令行界面和脚本编程的优点,提供了丰富的命令和脚本语言的功能。还可以通过命令、脚本和小型程序来自动化任务,以简化系统管理、配置和部署等工作。
PowerShell 可以用于管理 Windows 系统、执行系统管理任务、处理文件和文件夹、执行网络操作、定时任务调度等。它还可以与.NET框架集成,支持各种编程语言的脚本编写。总的来说,PowerShell 的功能强大、灵活性高、易扩展、支持脚本编程等,为IT专业人士提供了很多便利。我们在开发者工具新建的内建终端,启始是 PowerShell 命令行解释器。
2、新建终端
字面意思,按下这个 + 号图标,创建一个终端,如图18,19。
图18,资源管理器选中 file 文件夹,鼠标右键执行菜单中的 “在内建终端中打开”,终端现在显示的路径是 file 文件夹的路径。
![](https://i-blog.csdnimg.cn/blog_migrate/14befeccb1ed7086982e0e8b5fcafc07.png)
图19,按下 + 号新建终端,重新打开一个终端。终端的路径是项目文件夹 other-1 的路径。
![](https://i-blog.csdnimg.cn/blog_migrate/561844eb1e43591e756e3d1044934b2d.png)
这里需要注意的是新建终端并不是删除了原来执行的终端,新建是新创建的意思而已。内建终端中有一个细节位可以观察到这一点,观察图18 和 图19 的命令行解析器可以发现 powershell 前面有序号,如图18的 1:powershell,图19 的 2:powershell。
我们可以点击一下命令行解析器的下拉式菜单,会发现下拉式是菜单有两个 powershell 可选,分别是 1:powershell 和 2:powershell,如图20。
![](https://i-blog.csdnimg.cn/blog_migrate/fa969e128f8e66d68e79fecc8a7711f4.png)
当我们选择了 1:powershell 的时候,观察路径是 file 文件夹的路径。从这点上可以知道 1:powershell 就是我们之前 file 文件夹通过鼠标右键新建出来的内建终端。如图21。
![](https://i-blog.csdnimg.cn/blog_migrate/59da4e0147397fe4b00a006530296d80.png)
当我们选择了 2:powershell 的时候,观察路径是 other-1 项目文件夹的路径。我们回到刚才通过 +号 新建的内建终端。如图22。
![](https://i-blog.csdnimg.cn/blog_migrate/7eef6cfb0eaad659adb98f56365836a8.png)
为了验证 1 和 2 序是不是代表不同的 powershell,我再通过 + 号新建多一个终端,并在这个新终端上打了几个字做一些标识,如图23
![](https://i-blog.csdnimg.cn/blog_migrate/c5c81f6e66c768ffbed58f6cf86d1f44.png)
通过列表来回切换 powershell,看看其反馈的内容,如图24。
![](https://i-blog.csdnimg.cn/blog_migrate/35d5297af1964ce770afec50c586a64c.png)
正如预想的一样,1、2、3序号是代表不同的 powershell,如图25、26、27。
![](https://i-blog.csdnimg.cn/blog_migrate/7e4422dad08eaeda8f11abedf0a531e9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/798bc9600667c25b695fd73b0dc68ca3.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4cc9d849604b440b6be0c257ee84b915.png)
从而证明了 + 号新建终端并不是删除了原来执行的终端,而是新增一个终端。对于多个终端则可以通过命令行解析器处的下拉式菜单进行切换。
3、拆分终端
拆分的图标就像长方形中间有一竖隔开两半。拆分终端是终端窗体一分为二,或一分为N个区域展示终端,视乎按了多少下拆分。按了一下拆分终端,终端窗体一分为二,如图27。
![](https://i-blog.csdnimg.cn/blog_migrate/eb1953b6813268cde8603bf7dedfa9ac.png)
从命令行解析器的下拉式菜单可以看到第 3 个终端窗体里面有两个终端,分别是两个 powershell,如图28。
![](https://i-blog.csdnimg.cn/blog_migrate/1bf35e8cfbc025320b424b5cc535c837.png)
拆分终端功能从路径输出上看是 other-1 项目文件夹,我觉得是在同一个终端窗体中拆分一定的区域显示新的终端,如图29。
![](https://i-blog.csdnimg.cn/blog_migrate/59d3c8dd3b8ecded696f5a0a1b92901d.png)
拆分终端的拆分上限并不清楚,测试过拆分12个终端对于15寸的笔记本基本都挤得满满的了,操作比较困难,如图30。
![](https://i-blog.csdnimg.cn/blog_migrate/3869de815d66cc8a833ee724ea92dd19.png)
15寸笔记本为例,如果需要拆分终端进行多窗操作,拆分 2-3 终端较为合适,如图31,32。
![](https://i-blog.csdnimg.cn/blog_migrate/eee2fa1f39c2536e680c5b98a37db9cd.png)
![](https://i-blog.csdnimg.cn/blog_migrate/663ce89a7f5032d4754e5c1058f52417.png)
如果想知道一个终端窗体有多少个拆分终端,可通过命令行解析器的下拉式菜单查看,如图32。
![](https://i-blog.csdnimg.cn/blog_migrate/b2422727a779ea0c01d70f6e89745ba0.png)
4、终止终端
终止终端的图标就像一个垃圾桶,如图33。
![](https://i-blog.csdnimg.cn/blog_migrate/6d6fca6b73e57dc9d9bd23e956829c09.png)
终止终端的功能相当于删除终端,如一个终端窗体拆分了多个终端。在没有选中指定终端的况下执行 “终止终端”,系统会从最后一个终端执行终止操作,也就是从最后一个终端开始删除,如图33,我们可以为 3 个终端分别输入 1、2、3 做一个标识,然后执行 “终止终端” 操作。如图34、35。
![](https://i-blog.csdnimg.cn/blog_migrate/157bc0a50cecb1fa4b01c7ee8ee5eef9.png)
执行 “终止终端”,标识为 3 的终端已删除,剩下标识为 1 和 2 的终端在这里。
![](https://i-blog.csdnimg.cn/blog_migrate/fdbb9851637a4e1dada10d62797a7077.png)
另外,“终止终端” 可以删除指定的终端,我们可以通过 “拆分终端” 新建多一个终端出来并标识为 3,把效果恢复为 1、2、3 终端,如图36、27。
![](https://i-blog.csdnimg.cn/blog_migrate/3cb4d2f3608585244c49ed698177c15c.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e651855aefd740d80558c4e1b04b51f3.png)
现在,我们通过鼠标选中 2 号终端,也就是中间的终端。执行 “终止终端” 功能,如图38。
![](https://i-blog.csdnimg.cn/blog_migrate/077fd39262162d2d8b19ee76644764d5.png)
2 号终端已删除,剩下 1 号和 3号终端,如图39。
![](https://i-blog.csdnimg.cn/blog_migrate/6559526e02198f8cc30408d68a9b8e48.png)
我们再次通过鼠标选中 1 号终端,也就是第一个终端。执行 “终止终端” 功能,如图40。
![](https://i-blog.csdnimg.cn/blog_migrate/95c0f7ea169befb3a99f835f60a87b72.png)
1 号终端已删除,剩下 3号终端,如图41。
![](https://i-blog.csdnimg.cn/blog_migrate/e6283782971429ddf22feacddbbd67c1.png)
此时,终端窗体剩下一个终端,如果我们继续执行 “终止终端” 。整个终端清除所有内容,返回到新建终端界面,如图42、43。
![](https://i-blog.csdnimg.cn/blog_migrate/919d3244a343716c7ee5226a5c5b34fe.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2fd665cfa8a5b638ed457d1e5b1430c3.png)
如果终端窗体并没有拆分终端,是多个独立的终端。执行 “终止终端” 会删除终端并结束当前窗体。我们通过 + 号新建几个独立终端测试一下,如图44、45、46、47。
![](https://i-blog.csdnimg.cn/blog_migrate/a2661402bc94714de682fdafa39ad3cc.png)
![](https://i-blog.csdnimg.cn/blog_migrate/85850a38954c32bb22696b431a2e00b9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4168f287449812a3f074e06ede1bb47c.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2714c308c16eeb790d1f9d4858ab84b8.png)
通过相同的步骤,完成 3 个终端的创建,如图48
![](https://i-blog.csdnimg.cn/blog_migrate/64b7e74704e080ee70e83c331a21f8ab.png)
现在我们已经有了3个独立的终端,每个独立的终端都用1、2、3进行了标记。然后在命令行解析器下拉式菜单中选择 2 号终端,执行 “终止终端” 看看效果,如图49、50、51。
![](https://i-blog.csdnimg.cn/blog_migrate/21540d02aa659d57889c8c2a3edbc48e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c67b2a6225a24f314cc5cad7169ed29c.png)
![](https://i-blog.csdnimg.cn/blog_migrate/05443074725fabc70bfac83713eb96a5.png)
由反馈的结果可以看到当前单一终端执行 “终止终端” 后,会删除当前终端。如果按照这样的操作方式继续把剩下的两个终端都执行 “终止终端” ,那么到最后又会回到只有终端窗体,中间有一个 + 号新建终端的界面,如图52。
![](https://i-blog.csdnimg.cn/blog_migrate/2fd665cfa8a5b638ed457d1e5b1430c3.png)
关于终端窗体中执行 “终止终端” 的实践概括:
1、如一个终端窗体拆分了多个终端。在没有选中指定终端的况下执行 “终止终端”,系统会从最后一个终端执行终止操作。
2、如一个终端窗体拆分了多个终端。可以通过鼠标选中需要删除的拆分终端执行 “终止终端”,这样就可以删除指定的拆分终端。
3、终端窗体拆分了多个终端,一直在本终端窗体中执行 “终止终端”,删到最后把最后的终端都删没了,就会删除终端窗体。如有其他终端窗体就会跳至其他终端窗体的终端内容,如没有其他终端窗体则会返回 +号新建终端界面。
4、如果终端窗体并没有拆分终端,是多个独立的终端。执行 “终止终端” 会删除终端并结束当前窗体。如有其他终端窗体就会跳至其他终端窗体的终端内容,如没有其他终端窗体则会返回 +号新建终端界面。
5、最大化面板大小
字面理解,调节终端窗体的区域大小,它的图标是个向上箭头,如图53。
![](https://i-blog.csdnimg.cn/blog_migrate/367a2fe5a7d384b1b689a0e55624bca7.png)
原来的窗体布局,如图54。
![](https://i-blog.csdnimg.cn/blog_migrate/70c33e6ed172d942709b8fa957f47363.png)
按下最大化面板的窗体布局,如图55。
![](https://i-blog.csdnimg.cn/blog_migrate/94c140ea1b57653e1cf107480e3f11a5.png)
可见,按下最大化面板后,整个终端窗体都扩大了,覆盖了原来的编辑区域。当然,有最大化面板也有恢复面板原来尺寸的方法。在最大化面板后,右侧就会有一个向下的箭头,它就是恢复面板大小用的,如图56。
![](https://i-blog.csdnimg.cn/blog_migrate/7b341fb56bc51d734449560b0f337ecd.png)
按下恢复面板大小的按键就会恢复到原来的窗体布局,如图57。
![](https://i-blog.csdnimg.cn/blog_migrate/4ea019e357e5b033c01394770a6df2fd.png)
6、关闭面板
关闭面板的图标是一个 X ,就是关闭终端这块的面板,如图58。
![](https://i-blog.csdnimg.cn/blog_migrate/e59b1ed3cb3c545f00113029cf8e1b22.png)
原来的窗体布局,如图59。
![](https://i-blog.csdnimg.cn/blog_migrate/3f37faa73bff0d69515b442c22f50a66.png)
按下关闭面板的窗体布局,如图60。
![](https://i-blog.csdnimg.cn/blog_migrate/c390030022de1a477b0208961b7a1f7e.png)
关闭面板后,终端区域的窗体已经消失。重新打开可以通过快捷键 Ctrl + ` 或者通过菜单栏---》视图---》终端,重新打开终端,如图61。
![](https://i-blog.csdnimg.cn/blog_migrate/9c153112e54072907b08010de4d79941.png)
二、学习总结
这篇主要记录了内建终端的调用方法和终端窗体中的一些功能概括以及功能操作的效果。这一期就分享到这里了,往后继续记录分享学习的事儿。