专栏导航上一篇第1章开发环境搭建在乌班图中安装 Bochs回到目录下一篇第1章在本机系统中安装 VirtualBox 虚拟机本节前言对于本节所讲解的知识有可能你会需要时不时地参考本专栏的其它文章。真的遇到了需要参考之前的文章的知识点请你自行查阅。我呢也会提到一部分的参考课节。但是呢你不应该依赖于我的主动提及。最好呢你自己能够多去了解和查看本专栏目录。另外呢本专栏是一个整体是用来系统化地讲解 Linux 0.12 内核的一套教程。所以呢也需要你在学习本节课程的时候注意专栏的体系完整性。比如软件安装我们需要在整个专栏中安装一套软件那你如果是为了学习 Linux 0.12 内核那么你就需要跟随着本教程安装好一整套软件而不可以孤立地看着某个课节。比如说我们的专栏中会讲解 Bochs 模拟器 的安装。这个软件的安装就需要在我们专栏中所指定的乌班图 26.04.1 版本里面进行。脱离了这个系统版本你在其它的版本的乌班图里面或者是在其它的 Linux 发行版里面来安装那么你可能会安装不上。所以请大家在学习本专栏的课节的时候务必要注意本专栏的体系完整性注意查看本专栏的目录。我们来查看一下我们当前软件安装任务进度。VMware 虚拟机已完成VirtualBox 虚拟机乌班图操作系统已完成Bochs 模拟器已完成QEMU 模拟器已完成GCC已完成G已完成nasm 汇编器已完成make已完成vim 编辑器已完成Pluma 文本编辑器已完成Visual Studio Code不多了剩下两项。本节呢我们来讲解在乌班图里面安装 Visual Studio Code 。Visual Studio Code简称 VS Code它是微软的产品。微软的产品一般来讲都是很好用的。本节我们就来安装它。不过呢我们要说明的是在本专栏里面我们并不将它作为主要的文本编辑器来使用。事实上我本人平时在 Windows 里面用轻量小巧的 Notepad 都用惯了。VS Code我不咋用也不大会用。若不是因为VS Code 能够用来编写和预览 MarkDown 文本我一时半会儿也不会想到要来尝试使用这么个文本编辑器。之所以要来演示如何在乌班图里面安装这个文本编辑器有两点考虑。为了方便一部分的对于 VS Code 有偏好的学员。我们需要通过演示 VS Code 的安装方法来让大家了解乌班图系统里的【应用中心】的使用方法。我们开始。一. 安装 Visual Studio Code首先呢还是请大家打开虚拟机乌班图系统。然后呢请大家在桌面上找到下述的位置。图1图1 中红色框线所圈出来的东西它是乌班图系统里的应用中心也就是类似于我们在手机上的软件商店、应用商店之类的东西了。点开它如下图所示。图2请大家在图2 的红色框线所示的文本框里面输入【visual studio code】然后按回车键。结果如下图所示。图3在图3 所示的界面里出现了好多的可安装的软件啊。其中红色框线所示的东西它就是我们要去安装的乌班图版 VS Code 。单击它结果如下图所示。图4单击图4 中的【安装】按钮结果如下图所示。图5在图5 的密码输入框里面输入我们的专栏里面统一设置的密码【123456】。然后呢右下角的【认证】会变为可用我们点击【认证】按钮然后软件就会进行下载并安装了。安装好了以后结果如下图所示。图6然后呢我们就可以关闭应用商店了。二. 将 Visual Studio Code 固定到 Dock我们找到左下角的【开始】按钮如下图的红色框线所示。图7点击图7 的红色框线所示的【开始】按钮结果如下图所示。图8图8 里面红色框线所示的位置出现了两个圆点一个是大的亮白色另一个是小的颜色略暗。这个就是分页的标记。两个点表示此应用列表共占据两页。亮白色在第一个点的位置表示此时的页面处在应用列表的第一页。接下来我们滚动鼠标滚轮使得亮白色圆点位于第二个点的位置。结果如下图所示。图9在图9 里面下方的红色框线所示的位置亮白色圆点位于第二个点的位置表明此时应用列表处于第二页。然后呢上方的红色框线所示的位置它的图标就是 VS Code 的程序图标。我们将鼠标指针移动到 VS Code 的程序图标上面点击鼠标右键结果如下图所示。图10在图10 所示的右键弹出菜单里面我们点击【固定到 Dock】菜单项然后点击系统左下角的【开始】按钮然后 VS Code 的程序图标就会固定到桌面左侧的那一竖栏里面了。如下图的红色框线所示。图11三. 安装中文插件然后呢我们点击图11 中的红色框线所示的 VS Code 程序图标打开 VS Code 程序。结果如下图所示。图12对于图12 的欢迎页我们选择关闭它。点击右上方的红色框线所示的叉号就可以关闭这个欢迎页了。然后呢我们会来到程序的主界面如下图所示。图13在图13 里面我们找到下图所示的区域。图14在图14 里面红色框线所示的东西可以利用它来安装一些个扩展。我们点击红色框线位置的按钮结果如下图所示。图15图15 的红色框线所示的位置是一个输入框。我们在里面输入【Chinese】结果如下图所示。图16图16 的红色框线所示的东西它是一个中文简体插件我们点击它结果如下图所示。图17在图17 里面红色框线所示的位置是【Install】按钮请大家单击它。然后呢这个插件就会安装了。在安装中文简体插件的时候【Install】按钮会变暗与其周围的背景色变得一样且这个按钮也处于不可用的状态。等到插件安装好了以后结果如下图所示。图18在图18 里面上方的红色框线所示的位置是原来的【Install】按钮的位置现在它变为了【Uninstall】字样。右下方的红色框线所示的按钮是一个新出现的东西它是在中文插件安装好了以后才会出现的东西我们将其称作【Change】按钮。这个【Change】按钮如果我们安装好了插件却并未点击它则安装的插件不会生效。对应到我们本次所安装的中文插件效果就是界面依然会是英文显示而不会显示为中文。我们点击【Change】按钮。然后呢软件会重启。重启以后软件界面就会是中文显示了。结果如下图所示。图19这回我们算是可以关闭 VS Code 软件了。四. 安装了插件而未点击右下角的【Change】按钮有可能许多同学会忘记点这个按钮。如果忘了怎么办呢我们再次将图14 贴在下面。图14 副本那么为了将界面更改为中文显示你需要首先打开 VS Code点击图14 的红色框线所示的扩展按钮结果如下图所示。图20在图20 里面在上方的红色框线的位置是【Installed】字样这一字样的下方列表中它会显示我们已安装的插件不论是我们是否让它生效它都会显示在下方列表中。在下方的红色框线位置它指示了我们目前唯一安装了的插件中文简体插件我们点击这个中文简体插件结果如下图所示。图21在图21 里面点击红色框线所示的【Uninstall】字样结果呢中文插件会被卸载。卸载好了以后结果如下图所示。图22我们点击图22 的红色框线所示的【Install】按钮然后中文插件会再次安装。安装好了以后结果如下图所示。图23在图23 里面又出现了【Change】按钮。这回呢不要再忘记了啊。我们来点击图23 的红色框线所示的【Change】按钮然后呢软件会重启启动以后界面就会是中文显示了。在这里我们为了解决这个更新显示界面语言的小问题我们采用较为笨拙的办法。也许你那里有更好的办法。我呢对于 VS Code也实在是很不熟悉。安装好了以后如何来使用它这个需要你自行解决。本专栏并不以 VS Code 作为主要的文本编辑器。结束语本节内容不多也不难。安装好了 VS Code 以后安装中文插件的操作步骤对于 Windows 系统的 VS Code 软件也是同样适用的。本节结束。专栏导航上一篇第1章开发环境搭建在乌班图中安装 Bochs回到目录下一篇第1章在本机系统中安装 VirtualBox 虚拟机