在刚开始学习VSCode时,相信大家都会好奇VSCode底部区域那几个不同的状态栏具体有什么作用(输出、调试控制台、终端、端口),貌似好像都是输出与代码相关的信息的?貌似代码运行结果既可以出现在输出中,也可以出现在终端中?带着这些疑问,我查找了一些资料,今天就来彻底解决掉这个问题。
首先需要明白,我们的代码是在编辑器当中编辑的,即下图这样:
在编辑区的下方有一些选项卡,例如图中的输出(Output)、调试控制台(Dbug console)、终端(Terminal)以及端口(Port)等,接下来我们分别介绍一下四者的功能、区别与联系。
首先说一下最重要的,即终端Terminal,终端其实就相当于一个内嵌在VSCode中的命令行界面,类似Windows的cmd或者其他平台的powershell等,用户可以在这里面执行命令(比如打开文件夹、编译文件、安装依赖库等),也可以执行脚本(比如文件批处理等),也可以在终端里直接显示代码的运行结果,我们在这个VSCode内嵌的终端里可以使用bash也可以使用powershell,这取决于我们具体打开的是什么命令行程序,即第一幅图右侧那三条,就是对应的我们打开的不同的终端。
接下来说一下输出,即Output,这个窗口是用来显示程序的输出结果、错误信息以及调试信息,也可以在输出窗口中单独筛选想要的输出结果,总之,输出窗口是一个非必须的功能,在某些场景中,比如Git或者我们自己集成的插件,通常会通过输出来显示一些信息。
调试控制台,即Debug console,与Terminal类似,也是一个交互式界面,但它主要是用于调试过程中查看和修改变量、执行表达式、命令的,主要是用来调试程序的,用的不如Terminal频繁。
端口(Prot):这个主要是用来做本地运行的服务(如 Web 服务器、API 服务等)暴露的端口,适合开发网页、后端接口、Node.js 应用等场景,本人不是做这方面的开发,所以不再赘述。
最后总结几个误区:
(1)程序的输出结果不一定只在Terminal中显示,在调试的时候也可以通过调试控制台显示,在使用一些插件的时候,也可以通过输出窗口显示,总之,各有各的用处,但最常用的就是终端Terminal;
(2)程序的输出结果是可以通过修改launch.json文件中的"console"属性来修改的,所以不必纠结程序的输出结果为什么在xxx这种问题。