企业官网建设流程全解析

专栏导航

上一篇：第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 虚拟机