国外网站如何搭建网页哈尔滨建设工程

当前位置： 首页 > news >正文

国外网站如何搭建网页,哈尔滨建设工程,黑帽友情链接,织梦做英文网站目录 一、VS Code与VS的区别及其下载网站 二、单击网站的Downloads#xff0c;选择对应的系统下载VS Code 三、VS Code安装程序的安装及安装选项设置 四、VS Code常用配置(Configuration,设置) 1、VS Code界面颜色设置 2、VS code中文界面 3、设置自动保存 4、安装扩展(Extens…目录 一、VS Code与VS的区别及其下载网站 二、单击网站的Downloads选择对应的系统下载VS Code 三、VS Code安装程序的安装及安装选项设置 四、VS Code常用配置(Configuration,设置) 1、VS Code界面颜色设置 2、VS code中文界面 3、设置自动保存 4、安装扩展(Extension) 5、运行(run)的配置与程序代码运行结果显示 6、User、Workspace、Folder设置 7、在编辑器的新标签页打开文件 8、Command Palette(命令面板) 9、卸载与拷贝配置 最新VS Code安装详细教程及vs code配置 一、VS Code与VS的区别及其下载网站 Visual Studio Code(VS Code)是Microsoft公司提供的一款免费的、开源的、高性能的、轻量级代码编辑器(Code Editor)可在Windows、macOS和Linux桌面运行。VS Code内置了对JavaScript、TypeScript和Node.js的支持通过安装相应的扩展(Extension)VS Code也支持C、C、C#、Java、Python、PHP、Go、.NET等编程语言VS Code支持语法高亮、智能代码补全、自定义热键、调试、任务运行、版本控制等开发操作但VS Code旨在为开发人员提供一个快速代码编写、调试的代码编辑器而不是一个完全的IDE(Integrated Development Environment集成开发环境)工具。 IDE是为程序语言提供开发环境的工具集成了代码编写功能、分析功能、编译功能、调试功能等其功能比代码编辑器(Code Editor)更为丰富和强大。Visual Studio(VS)就是Microsoft公司提供的一款IDE工具可在Windows、macOS桌面运行。VS提供快速导航、编写、修复、调试、探查、诊断、测试、版本控制等一系列功能可以帮助开发人员快速地开发应用程序它支持C、C、C#、Java、Python、PHP、Go、JavaScript等编程语言。不过VS一般是收费的只有VS社区版是免费的。 VS Code虽然定位为编辑器当然不同于txt文本编辑器VS Code安装相应的扩展(Extension)后比一些编程语言自带的IDE(比如python自带的IDLE开发环境工具)功能更强大。而且安装相应的扩展VS Code能适应不同的编程语言。 从功能上讲VS集成开发环境工具比VS Code代码编辑器的功能强大但前者需要收费后者是免费的。VS Code代码编辑器可以看成是VS集成开发环境工具的功能简化版这种精简结构也提高了它的运行速度而且VS Code具备的功能基本上可以满足开发人员的代码开发需求可以胜任C、C、C#、Java、Python、PHP、Go、.NET等编程语言的开发并且还是免费的因而VS Code也是一款非常受欢迎的代码开发工具。 VS Code是一款简化版的开发环境工具它是借助相应的扩展(Extension)来增加它的功能因此安装完VS Code后一般需要安装相应的扩展(Extension)。 此外编程语言的运行及其与开发环境的关系可以参考这篇博文的阐述: 编译器(Compiler)及C/C编译器安装(c安装)中的一、五。 下面我们主要介绍VS Code的安装过程。VS Code下载网站见表1-1中红色链接。 表1-1  VS Code与VS下载网站 VS Code下载网站 https://code.visualstudio.com/   VS下载网站 https://visualstudio.microsoft.com/zh-hans/ 二、单击网站的Downloads选择对应的系统下载VS Code 打开上面表1-1中红色链接我们可以看到页面中有两个Downloads位置如图2-1所示。 图2-1  VS Code页面 图2-1左侧①红色箭头所指处是默认下载最新的稳定版(stable)的64位windows系统的用户账户(User)安装的VS Code安装程序比如VSCodeUserSetup-x64-1.79.2.exe文件。 Windows操作系统允许创建多个账号用户每个账户有自己的使用权限管理员账户 Administrator具有最高的访问权限有访问其它账户的权限。上面下载的VS Code安装后只能是该用户账户登录后才能使用安装的VS Code其它非管理员账户登录操作系统无权使用。 点击①红色箭头下的弹出的菜单中有各操作系统对应的安装VS Code程序但VS Code安装程序种类有限里面有稳定版(stable)和内测版(insiders)。stable是经过测试相对完善、稳定的版本insiders还处于内部测试中可能不完善。  我们可以点击图2-1右侧②红色箭头所指处的Downloads进入的页面如图2-2所示提供了较为全面可选的各操作系统不同类型的VS Code程序。这里面都是已通过测试的稳定版(stable)。 图2-2  不同操作系统和硬件系统的VS Code安装程序 图2-2分别是windows、Linux、MacOS操作系统对应的不同类型的VS Code安装程序。图2-2红框中是默认类型的安装程序比如windows是根据用户的操作系统版本默认最新的稳定版(stable)的64位windows系统的用户账户(User)安装的VS Code安装程序苹果系统macOS是默认通用版(Universal)的VS Code安装程序对于通用版的安装程序安装时将自动检测用户的处理器并进行适配。 1、Windows操作系统 User Installer、System Installers 在windows系统中管理员账户Administrator具有最高的访问权限有访问其它账户的权限而个人账户之间是没有互相访问权限的。 User Installer是windows当前账户(User)安装的VS Code安装程序若当前账户是个人账户其它非管理员账户登录操作系统无权使用。 System Installers是以管理员权限安装VS Code的可执行程序。以管理员权限安装VS Code其它windows账户登录系统后都可以使用VS Code。 User Installer和System Installers都是.exe格式的安装文件。 .zip .zip选项对应一个 VS Code 的.zip格式压缩包解压后可以直接使用。这种解压后直接使用的没有生成注册表。而.exe文件安装后会生成注册表。 CLI CLI选项对应一个code命令行界面(command-line interface)也即VS Code的命令窗口方便文字命令操作。 x64、x86、Arm64、Arm32 x64、x86、Arm64、Arm32这些参数与硬件cpu有关。 x64是指64位操作系统基于64位处理器下载的程序适合64位操作系统。鼠标右键我的电脑左键单击菜单中的属性可以查看自己电脑的硬件配置自己电脑的操作系统的类型如下图2-3红框所示。 图2-3 电脑规格 x86是指32位操作系统基于32位处理器下载的程序适合32位操作系统。 Arm64是AArch64状态下的处理器体系结构下载的程序适合ARM公司推出的Arm64体系的处理器基于64位处理器。 Arm32是AArch32状态下的处理器体系结构下载的程序适合ARM公司推出的Arm32体系的处理器基于32位处理器。这里未提供适合Arm32体系处理器的VS Code文件下载下面即将讲到的linux系统提供了下载。 上述选项分别对应了这类处理器相应的VS Code文件。 2、Linux操作系统 .deb、.rpm、.tar.gz .deb、.rpm、.tar.gz是三种不同的文件格式。不同的文件格式可能适应不同的操作系统比如.exe文件适应windows操作系统但不适应苹果系统macOS。 Debian或Ubuntu公司的Linux支持.deb格式Red Hat、Fedora或 SUSE公司的Linux支持.rpm格式。 .tar.gz是一个压缩包类似.zip压缩包但.tar.gz格式适合Linux操作系统、MacOSX系统(基于UNIX核心的系统)。 上述选项分别对应了相应的VS Code文件。 Snap Snap 是一种现代应用程序打包格式Linux支持snap格式软件包可以在在线应用商店Snap Store中下载VS Code的snap格式软件包。 CLI、x64、x86、Arm64、Arm32 CLI、x64、x86、Arm64、Arm32含义同上只是在这里对应着Linux操作系统下相应的VS Code。 3、苹果系统macOS .zip、CLI .zip、CLI含义同上只是在这里对应着macOS苹果操作系统下相应的VS Code。 Universal Universal选项为macOS的通用版的VS Code对于通用版(Universal)适合所有处理器安装程序安装时将自动检测用户的处理器并进行适配。 Apple silicon Apple silicon选项是针对苹果自主研发M系列CPU(Apple Silicon 芯片)的Mac电脑的VS Code。 Intel chip Intel chip选项是针对Intel CPU的Mac电脑的VS Code。 上面我们介绍了各操作系统不同类型的VS Code安装程序它们对应不同的权限管理、文件格式、或处理器特点等。我们可以根据自己的需求选择相应的VS Code安装程序。 三、VS Code安装程序的安装及安装选项设置 这里我们以windows操作系统下VS Code的安装为例。我们下载windows操作系统的System Installers→x64选项对应的VS Code即选择以管理员权限、64位操作系统的VS Code.exe安装程序点击如图3-1红框所示的位置即可下载相应的VS Code。 图3-1 各类型的VS Code安装程序 1、运行VSCode Setup 运行上面下载的VSCode安装程序出现下面图3-2的安装界面。 图3-2  VS Code安装 选择同意后单击图3-2的下一步进入图3-3所示的VS Code安装位置设置的界面。 2、安装位置设置 图3-3  VS Code安装位置 可以自定义VS Code的安装路径设置完成后单击下一步进入图3-4所示的VS Code的开始菜单中快捷方式创建的界面。 3、开始菜单中VS Code快捷方式的文件夹设置 图3-4 开始菜单中VS Code快捷方式的文件夹 图3-4中默认Visual Studio Code文件夹电脑开始菜单中Visual Studio Code文件夹会生成VS Code快捷方式。这里可采用默认Visual Studio Code文件夹点击下一步进入图3-5所示的VS Code安装选项设置的界面。 4、安装选项设置 图3-5  VS Code安装选项设置 创建桌面快捷方式 勾选该项将在桌面创建VS Code快捷方式图标。 将“通过code打开”操作添加到windows资源管理器文件上下文菜单 勾选该项鼠标右键弹出的菜单中出现“通过code打开”的选项当我们鼠标右键文件时可以通过弹出的菜单中选择“通过code打开”选项来打开文件。 将“通过code打开”操作添加到windows资源管理器目录上下文菜单 勾选该项鼠标右键弹出的菜单中出现“通过code打开”的选项当我们鼠标右键文件夹时可以通过弹出的菜单中选择“通过code打开”选项来打开文件夹。 这两项勾选实际是在鼠标右键的弹出菜单中创建“通过code打开”的选项便于通过该选项直接打开文件或文件夹。 将Code注册为受支持的文件类型的编辑器 可以不勾选若勾选会默认VS Code为 .txt、.py 等文件的打开方式 添加到PATH重启后生效 该项勾选添加VS Code到windows的系统路径方便操作系统自动识别。该项是电脑重启后会生效。该项可以实现添加VS Code为系统的环境变量。 环境变量是在操作系统中一个具有特定名字的对象它代表了一个或者多个应用程序的信息。当要求系统运行一个程序而没有告诉它程序所在的完整路径时系统除了在当前目录下面寻找此程序外还会到环境变量path中指定的路径去找可运行的对象。 环境变量中的系统变量是对所有用户有效用户变量是对当前登录的windows账号有效当系统变量查找不到时会到当前用户变量中查找。另外环境变量名称是不区分大小写的比如PATH和path两个名称是一样的。 图3-5中的选项勾选后点击下一步进入图3-6所示的VS code准备安装的界面。 5、安装 图3-6  VScode准备安装 点击图3-6的安装进入图3-7所示的VS Code install进度界面。 图3-7  VS Code安装进度 图3-7 vscode install进度完成后出现图3-8所示的VS Code安装完成并是否运行Visual Studio Code的提示界面。 图3-8  VS Code安装完成 四、VS Code常用配置(Configuration,设置) 安装完后启动运行vscode出现如图4-1界面。 图4-1  VS Code窗口 VS Code代码编辑器与其它IDE(集成开发环境)工具的使用是非常相似的。开发工具界面中很多选项会在不同位置重复出现主要是方便我们操作比如上面图4-1中红箭头指向的图标单击后可以打开扩展搜索框也可以在图标中的Extensions选项打开扩展搜索框还可以在标题栏File→Preferences→Extensions中打开扩展搜索框这种多个途径可以实现一个功能是为了方便我们操作。 又比如图4-1左上边的图标对应为资源管理器(Explorer)窗口具有对文件的操作功能在标题栏File中也有对文件的操作选项比如打开或新建文件夹、文件等。 下面我们介绍vscode中的几个常用的功能设置设置某个功能的途径可能有多种但我们不一一展示。 1、VS Code界面颜色设置 我们可以通过图4-1红色箭头所指的设置图标里的Themes→ Color Theme来设置VS Code界面的颜色主题。当然也可以在标题栏File→Preferences→Theme→ Color Theme中设置。这两处的设置效果基本是一样的下面未一一列出的同理。 VS Code界面默认是Dark Modern颜色主题图4-2设置为Light Modern颜色主题在选项中可以选择适合自己的窗口颜色主体。 图4-2  VS Code白色主题的窗口 2、VS code中文界面 在扩展框中搜索Chinese选择Chinese (Simplified) (简体中文) Language扩展安装后重新打开VS code即可实现中文界面的VS code。若重启后还是英文点击VS Code标题栏File→command palette也可用快捷键CtrShiftP打开命令面板(command palette)在命令面板窗口输入Configure Display Language然后选择中文简体。按ESC键可以退出命令面板(command palette)。 3、设置自动保存 通常来讲使用其它IDE(集成开发环境)工具写好代码后能立即运行代码因为IDE默认自动保存了代码但VS Code默认的是手动保存因而当我们打开文件写好代码后先要点击VS Code中的保存选项保存已写好的代码然后才能才能点击VS Code中的运行选项这样代码才可能正常运行否则可能会出现由于未保存导致的异常。要实现编写的代码自动保存我们可以单击图4-3红色箭头所指的设置图标里的Settings选项右侧出现Settings的User配置。 图4-3 Settings选项 图4-3中第一个为自动保存(Auto Save)设置默认为off不自动保存。在下拉菜单中我们可以选择afterDelay。afterDelay是延迟(默认1000毫秒)后保存文件也就是定时保存这个延迟相当于及时保存设置后我们写完代码后运行相当于运行当前代码否则很容易出现当前运行的代码实际是上次保存的代码而不是当前写好的代码。 若选择onWindowsChange这个表示当软件窗口失去焦点时将自动保存未保存的编辑器也即当我们切换窗口的时候vscode会自动进行保存。 在图4-3中选择afterDelay相当于在vscode的菜单栏中勾选File→Auto Save这两个操作是等价的因而我们可以采用这种快捷方式选择自动保存。 推荐设置自动保存这样可以减少因为忘记保存而运行程序代码导致的问题(很容易出现当前运行的代码实际是上次保存的代码而不是当前写好的代码)。 4、安装扩展(Extension) 上面列举了几个常用的设置由于vscode是一个简化的IDE很多功能需要安装相应的扩展才能实现其作用。比如下面即将讲到运行设置安装完vscode后若没有安装有关扩展即使机器已经装好了某个编程语言vscode是不能自动调用这个编程语言的编译器的也不提供调用编译器的选项设置因而不能运行程序代码但可以安装扩展或增加一些文件来附加实现调用编译器的作用从而使得vscode能够运行程序代码。 扩展(Extension)和插件(Plug-in)通常用来载入软件中使得软件具有某种额外的功能。 插件(Plug-in)依赖于系统平台(硬件系统、操作系统)插件的使用与系统平台密切相关插件一般是安装植入到软件中为软件提供一种封装的辅助功能是一种功能的调用。 相对来讲扩展(Extension)与软件关系比较密切扩展指代的概念更广扩展包含插件在一些语境中两者没有区别只是称呼不同。 VS Code的扩展提供了附加功能不同的扩展代表了不同的功能我们可以安装相应的扩展来实现代码的运行或提高代码开发的效率。VS Code安装扩展后会在Command Palette(命令面板参见下面8、)中自动生成相应的命令选项我们可以通过这些命令选项修改初始默认的配置使得扩展产生的功能符合我们的需求有的也可以创建配置。 单击下图4-4左侧边栏的 图标出现红色箭头所指的扩展搜索框。在图4-4的搜索框中输入编程语言搜索框下面会显示出对应的扩展单击某个扩展右侧会显示这个扩展的信息里面有该扩展的功能介绍。 图4-4  扩展搜索框 这里不具体展示扩展的安装下面我们介绍运行设置会涉及到扩展的安装。 5、运行(run)的配置与程序代码运行结果显示 (1)运行(run)的配置 Debug(调试)是程序代码的运行及值的演示过程以便我们能动态感知代码的实现效果。调试涉及到调用编译器与运行有关因而在VScode中调试(debug)我们要在机器上安装这种编程语言或运行环境(比如Node.js)也实际就是安装了某种语言的编译器(为简化称呼下面我们把安装编程语言或运行环境统称为安装编译器)并设置该编译器为windows的环境变量(方便被调用)。只有有了编译器程序才能被运行(这方面的论述参见编译器(Compiler)及C/C编译器安装(c安装)中的一、和五、)才能被调试(debug)。 VScode安装后其界面窗口自带的run选项一般与调试(debug)有关使用这种自带的run选项运行某种编程语言的程序代码不仅要安装好语言的编译器并在windows设置好这个编译器的环境变量(方便被调用)还需要有这种编程语言的含有实现debugging功能的文件。另外在终端TERMINAL中的run可以看成不是VScode自带的run因为terminal实际是操作系统的命令行参见下面(3)。 VScode内置支持Node.js运行调试也即支持调试JavaScript及任何能被转换为JavaScript的其他语言(比如TypeScript)安装了Node.js就可以了VScode不支持其它编程语言的调试(debug)实现其它编程语言的调试不仅要安装这种编程语言还需要安装与这种语言有关的具有实现debugging功能的扩展比如vscode运行C/C程序不仅要安装c\c编译器还要安装含有实现debugging功能的C/C扩展。 图4-5中红箭头所指的与run有关的选项默认支持Node.js的调试只要安装了Node.jsVScode就可以使用图4-5中红箭头所指的与run有关的选项(注意要安装Node.js运行会调用它否则提示Cant find Node.js binary node:path does not exist.Make sure Node.js is installed and your PATH,or set the runtimeExecutable in your launch.json)。 但对于其它编程语言即使安装了这种编程语言若VScode没有安装与这种编程语言有关的实现debugging功能的的文件是不能通过界面窗口提供的run有关的选项运行的(如图4-5中红箭头所示)会提示类似” You dont have an extension for debugging C, Should we find a C extension in the marketplace?”的异常。 图4-5  vscode默认的有关run的选项 对于这种编程语言我们可以安装相应的具有实现调试(debug)功能的扩展来激活图4-5中与debug有关的运行(run)。调试涉及到调用编译器因而具有实现调试(debug)功能的扩展自然也支持运行(run)。 这里我们暂不介绍具有实现调试(debug)功能的扩展的安装。我们介绍Code Runner扩展安装这个扩展后能run运行某些编程语言但不具备调试(debug)功能。比如python它的编译器种类较少编译过程相对比较单一(编译成字节码后解释执行)在windows中只要电脑安装好了python语言(安装时会提示设置编译器在windows中的环境变量)vscode安装完Code Runner扩展后 vscode就可以运行这个编程语言的程序代码(会根据环境变量自动调用这个编程语言的编译器)但这种运行(run)不是vscode默认的运行(比如图4-5中红箭头所指的与run有关的选项)而是安装完Code Runner扩展后会自动生成一个run code的选项来运行程序代码。安装Code Runner扩展后如图4-6中Vscode的工具栏红色箭头位置出现run code的运行图标 若我们创建一个空文件打开文件右键编辑框(编辑区)弹出的菜单中出现run code选项图4-6中红色箭头所指的按键可以运行代码。 图4-6  安装Code Runner扩展后生成的run选项 安装Code Runner扩展后仍然是不能使用图4-5中vscode默认的有关run的选项(因为Code Runner扩展不能实现调试(debug)功能)只能使用图4-6中红箭头所指的运行选项或按键安装Code Runner扩展后自动生成的它会自动调用编译器。 因此如果我们在windows平台中单纯的运行程序不考虑调试功能通常我们需要安装这个编程语言及设置好它在windows中的环境变量安装vscode再在vscode中安装Code Runner扩展这三个方面安装完成后就可以运行程序代码了但这只适合编译器种类少的编程语言对于编译器种类多或编译过程分多阶段的编程语言比如c/c还是需要安装具有实现调试功能的扩展并在扩展文件中设置编译过程的参数才能使用Code Runner扩展的运行功能。 此外我们也可以不配置使用vscode的Terminal(终端)界面输入命令运行程序只是这种是以操作系统的命令行来调用已安装的编程语言的编译器从而实现程序的运行具体参见下面的(3)这种形式的运行实际与vscode联系比较小。 (2)程序代码运行 根据上面的分析下面我们创建一个python代码文件利用Code Runner扩展来运行程序代码。 点击图4-7中图标 会出现一个窗口这个窗口可以打开或创建文件。图4-7打开了pyv文件夹鼠标放入弹出的窗口出现箭头所指的图标点击这些图标能创建文件、文件夹也可以在标题栏File中选择相关选项创建和打开。 图4-7  VS Code创建文件  安装Code Runner扩展后我们就可以用vscode打开一个项目文件夹(用来存放项目文件)创建一个新文件文件格式(文件后缀)为编程语言的格式(也可以用.txt文本文件写代码保存的时候改成编程语言的格式)就可以在这个文件中写代码图4-7中创建了多个python程序文件打开一个文件(如图4-8所示)代码如下。 #辗转相减法,求最大公约数。 def greatest_common_divisor():aint(input())#默认换行为输入结束。bint(input())while a!b:if ab:aa-belse:bb-aprint(最大公约数为,a)greatest_common_divisor() 图4-8  VS Code文件代码编辑 上图4-8代码运行时需要输入数据而通过Code Runner扩展后生成的run code选项运行程序其输出默认是在OUTPUT中这个OUTPUT交互窗口只能用着输出而不能用着输入我们需要更改到TERMINAL(终端)下面将讲到这一点下面将讲图4-8红框中几个交互窗口。 (3)PROBLEMS、OUTPUT、DEBUG CONSOLE、TERMINAL窗口 OUTPUT与TERMINAL   图4-5 所示的vscode默认的有关run的选项运行结果一般是在DEBUG CONSOLE 或TERMINAL(终端)中显示而图4-6安装Code Runner扩展后生成的run选项运行结果是默认在OUTPUT中显示。而且output只能是输出是程序运行的输出不能用来输入而终端(terminal)可以是输出也可以是输入。 图4-8的代码run code运行后需要输入数据因而我们可以通过File→Preferences→Settings→User→Extensions→Run Code configuration中勾选如图4-9中红箭头所指的选项(勾选Run In Terminal)然后通过run code选项运行图4-8的代码我们可以在终端TERMINAL中输入数据回车程序获得输入执行完返回结果到TERMINAL。 图4-9  Code Runner扩展的配置 如果我们对Code Runner扩展有特殊要求可以在图4-9里面进行设置。 用OUTPUT每次运行程序的结果会保留结果在当前OUTPUT窗口中退出项目时OUTPUT窗口会自动清空。用TERMINAL每次打开项目运行程序会创建一个当前的TERMINAL每次运行程序的结果会保留结果在当前TERMINAL窗口中退出项目时会保留这个TERMINAL再次打开项目时这些终端会保留在如图4-10红箭头所指的区域可以删掉过去的终端窗口。 图4-10  终端TERMINAL 从硬件上讲终端terminal是主机的辅助工具控制台console是主机内部的组成部分比如电脑的键盘和显示器可以看作是主机的终端terminal电脑开机、关机的日志记录都会输出到控制台console这个控制台console是主机内部的组成部分。从软件上讲在IDE工具(比如PyCharm、VS Code等)中终端terminal和控制台console都是与输入和输出有关但终端terminal侧重于与操作系统的命令行有关可以实现程序的输入或输出运行环境设置等而控制台console侧重于与程序有关侧重于对当前程序的控制。在有些IDE中两者功能上有交集(为了方便操作)但侧重点不同前者偏向宏观层面后者偏向微观层面。 另外 在windows中vs code的终端TERMINAL默认为windows操作系统的PowerShell命令行也就是讲这个TERMINAL实际就是集成(Integrated)在vscode中的windows的PowerShell若要运行.exe格式的文件可以在终端terminal窗口输入cmdterminal切换为windows操作系统的CMD命令行然后就可以在terminal中运行.exe格式的文件。在windows的powershell.exe命令行中也可以运行生成的.exe文件但一般需要在文件名前面增加.\才能运行powershell.exe命令行的功能比cmd.exe命令行更强大。 每创建一个TERMINAL也就是创建一个与vs code的编辑器(Editor图4-10右侧打开的ff2.py文件的窗口是vs code编辑器窗口)集成的操作系统的命令行。使用终端TERMINAL也就是使用操作系统的命令行因而terminal也可以运行程序。 上面图4-9设置后图4-10使用run code选项运行代码实际是Code Runner扩展调用terminal运行程序我们也可以手动在terminal运行程序如图4-11所示。 图4-11 终端terminal的命令运行程序 图4-11终端terminal的命令运行程序实际是使用windows命令行来运行没用到Code Runner扩展。 在菜单栏Terminal(如图4-11红框所示)中的run选项都实际是使用windows命令行默认是PowerShell命令行并不调用安装的扩展。在终端terminal窗口输入cmd可以切换到使用cmd.exe命令行。 此外若要terminal中的命令退出执行可以用ctrc操作。windows命令行运行c/c可参见Windows的cmd运行编译器(cmd运行c/c、python等)_windows cmd python-CSDN博客。 DEBUG CONSOLE DEBUG CONSOLE是与调试有关的程序控制操作窗口只有具有调试(debug)的功能后才能对这个窗口进行设置。 PROBLEMS PROBLEMS是与workspace(工作区、工作空间下面将介绍)有关的检测到的问题一般是在代码运行之前的检测。当我们在编辑器写代码时出现语法错误会在PROBLEMS窗口提示比如代码中内置函数的参数个数超过规定个数会提示too many arguments in function call。 6、User、Workspace、Folder设置 Vscode 打开一个文件夹(open Folder)后可以利用图File→Add Folder to Workspace创建一个workspace(工作区、工作空间)这个workspace实际就是把几个文件夹看成一个整体通常用在这样的场景aa是一个项目文件夹bb是一个项目文件夹我们打开aa这个文件夹然后通过Add Folder to Workspace(如图4-12红箭头所指)操作添加bb文件夹这样aa和bb就构成了一个workspace通过File→Save Workspace As保存后为.code-workspace格式的文件(可以选择保存到其它文件夹)以后我们用File→Open Workspace From File 打开这个.code-workspace文件相当于我们同时打开了aa和bb文件夹也即相当于同时打开了这两个项目。 图4-12  标题栏File中Workspace选项 这种Workspace配置方便我们一次打开多个项目配置好后我们只要打开.code-workspace格式文件即可(即一个VS Code窗口打开多个项目)这样避免我们用多个VS Code窗口打开多个项目。如图4-13是一个名称为wcp的workspace它由pyv和cc两个文件夹构成(当然这些文件夹里面可以有其它文件夹)。 图4-13  wcp Workspace pyv文件夹存放的是python文件cc文件夹存放的是c文件wcp全称实际是wcp.code-workspace文件我们只需要用File→Open Workspace From File 打开wcp.code-workspace文件vscode窗口会如图4-13左侧展示出。 另外我们可以通过workspace对这多个项目进行设置这些设置只对这些项目有效。我们打开wcp.code-workspace文件(如图4-13所示)然后选择File→Preferences→Settings出现图4-14界面。 图4-14  Settings 图4-14中出现User、Workspace、Folder设置切换标题标签提供给我们编辑器Text Editor、操作台(Workbench、工作台)、窗口(Window)、功能(features)、Application应用、扩展(Extensions)等选项设置。 前面我们多次用到Settings设置是采用的User设置即使用者设置也即通用设置。Workspace设置(工作区设置)是针对多个项目(多个文件夹)构成工作区的设置Folder设置是针对文件夹的项目的设置。 Workspace设置(工作区设置)会覆盖User设置Folder设置(文件夹设置)会覆盖User、Workspace的设置也就是讲当我们使用这个Workspace时是使用这个Workspace设置当我们使用这个Folder时是使用这个Folder设置。我们可以通过Workspace设置实现对多个项目进行特定的设置产生我们需要的效果。 此外当vs code打开一个项目时vs code默认它也是一个workspace只是不保存为.code-workspace格式文件(除非我们手动保存)。 当我们不能确定设置的主题在图4-14中红箭头下面的选项列表中的具体位置时我们也可以用关键字在图4-14红箭头上面的搜索框中搜索设置的主题选项列表的右侧自动展示出匹配成功的设置主题。 7、在编辑器的新标签页打开文件 在vscode中我们单击图4-15中左侧红箭头所指的资源管理器(explorer)的文件右侧编辑器(editor)中以预览(Preview)模式打开文件(文件标题是斜体字编辑时显示正体字)再在资源管理器单击打开另一个文件时仍然是在当前标签页(tab)打开这个文件原来打开的文件自动隐藏也就是讲这种预览模式不是在一个新标签页打开文件编辑器始终只显示一个文件页面。 图4-15  vs code 编辑器(Editor)窗口打开文件 若要在编辑器的新标签页打开文件也即打开的文件标题平铺在编辑器窗口也称为文件在窗口中并排显示(文件在窗口中平铺显示)有下面几种方式 (1)双击已打开文件的标题然后再单击资源管理器的文件这个新打开的文件会在编辑器的新标        签页中显示但这种方式每次打开一个文件都要重复这种操作 (2)直接双击资源管理器的文件该文件会在编辑器的新标签页中显示这种方式需要双击文件 (3)在vs code中单击图4-15中工具栏右侧红框中的…选项在弹出的菜单中不勾选Enable Preview       Editor或在标题栏File→preferences→settings→User→Editor Management 中不勾选Enable       Preview(也即在settings的搜索框中搜索到workbench.editor.enablePreview然后不勾选               Enable  Preview)则不论是单击还是双击资源管理器的文件都是在编辑器的新标签页中显示。 8、Command Palette(命令面板) 可以通过VS Code标题栏View→command palette或快捷键CtrlShiftP、或F1来打开Command Palette(命令面板)如图4-16弹出command palette默认的命令操作列表我们可以在红色输入框中输入关键字匹配查找有关的命令操作也可以拉动红色箭头所指的滚动条查看选择。 Command Palette(命令面板)可以执行VS Code的各种命令操作当我们想快捷找到并实现vs code的某些操作时可以打开command palette在弹出的命令面板的输入框中输入关键字会自动显示相关的命令操作列表我们可以选择所需的命令操作实现配置。 Command Palette的一些命令操作在vscode中的可视化的选项操作中也能设置但command palette也提供了很多非可视化的选项操作因而Command Palette(命令面板)是在vscode使用比较频繁的快捷配置模式。 command palette提供了所有已分组归类的命令操作(可以拉动图4-16红色箭头的滚动条查看)而且也可以修改命令的快捷键(单击图4-16红色圆圈的设置图标)。当我们在vscode中的可视化的选项中找不到想要的操作时可以尝试在command palette中匹配查找。 4-16  command palette VS Code定位为一个轻量级的编辑器不像其他IDE一样开箱即用(out of the box, OOTB)。针对不同的编程语言VS Code是通过安装扩展(Extension)来增加配置的我们可以使用command palette命令面板来设置安装的扩展。当我们在vscode安装扩展(Extension)后command palette中会产生某些对应的命令选项比如UI(用户界面、User Interface)、JSON文件等设置。 安装扩展(Extension)后在command palette命令面板中产生某些对应的命令选项我们可以通过这些命令选项修改初始默认的配置使得扩展(Extension)产生的功能符合我们的需求有的也可以创建配置。因此对扩展(Extension)进行配置可以借助command palette我们可以在command palette中通过关键字来查找对应的命令选项并配置。 开箱即用(out of the box, OOTB)指软件很多配置已经约定无需太多的配置就可以使用简单地讲这种软件会为用户实现很多功能用户直接打开无需太多的配置就可以使用由于很多配置在软件中已经实现这会导致这种软件体量比较大。 9、卸载与拷贝配置 (1)卸载扩展 若要卸载扩展单击下图4-17左侧的图标在弹出的菜单中选择左侧红箭头所指的INSTALLED(已安装的)会出现已经安装的扩展(Extension)单击某个扩展在右侧会出现该扩展的Uninstall提示(图4-17右侧的红箭头所示)单击Uninstall即可卸载。也可以在扩展搜索框搜索到相应的扩展并点击uninstall即可卸载。 4-17   扩展卸载 另外vscode中卸载扩展后还能继续使用该扩展的功能(因为已经加载到内存内存中还存在)这时候需要重启vscode由于扩展已经卸载vscode重启后该扩展不能加载到内存扩展不能被使用。 (2)拷贝配置 在Windows操作系统里VS Code安装的扩展默认在路径C:\Users\用户名.vscode\extensions这个用户名文件夹是windows登录的账户可以在C:\Users中查看这个用户名。可以拷贝这个用户名下的.vscode文件夹并覆盖其它地方安装VS Code的类似上述位置的.vscode文件夹这样就能直接使用以前的配置无需再次配置。 (3)卸载VS Code的问题 卸载VS Code后再重新安装VS Code后仍然出现之前的配置信息(可能有打开的文件夹、安装过的扩展、调试等信息)这是因为之前没有完全卸载VSCode。 如果要完全卸载VS Code卸载VS Code后还需要手动删除C:\Users\用户名.vscode和C:\Users\用户名\AppData\Roaming\Code这两个目录的内容可以直接删掉这两个目录。通过这种完全卸载再安装VSCode就相当于是全新安装即不会出现之前的相关配置信息。当然也可以在安装VS Code后还再手动删除这两个文件夹然后启动VS Code也不会出现之前的配置信息。 至此完成了vscode的安装和基本配置也介绍了安装Code Runner扩展该扩展安装后VS Code可以运行某些已安装的编程语言因为会自动调用编译器比如python(它的编译器种类较少编译过程相对比较单一(编译成字节码后解释执行))。但对于编译器种类多或编译过程分多阶段的编程语言比如c/c还是需要安装具有实现调试功能的C/C扩展并对扩展生成的tasks.json、launch.json文件进行参数配置(可以根据个人需求而设置)后才能使用Code Runner扩展的运行功能。 最后欢迎你点击下面链接参与一个小问卷你的举手之劳让博主受宠若惊不胜感激 https://www.wjx.cn/vm/w42huU2.aspx#