既然我们熟悉编写Ansible剧本，在本节中，我们将使用Visual Studio Code Editor代替CLI编写剧本。

在本部分教程中，我们将需要基于GUI的Linux环境。
如果CentOS或者Red Hat未与GUI桌面一起安装，则可以使用DNF或者YUM安装GNOM桌面或者工作站。

下载Visual Studio代码库

我们可以从官方visualstudio页面上获取安装Microsoft Visual Studio Code Editor的步骤。

[root@controller ~]# rpm --import https://packages.microsoft.com/keys/microsoft.asc

接下来执行此脚本，这将创建/etc/yum.repos.d/vscode.repo存储库文件

[root@controller ~]# sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'

验证新Repo内容

[root@controller ~]# cat /etc/yum.repos.d/vscode.repo
[code]
name=Visual Studio Code
baseurl=https://packages.microsoft.com/yumrepos/vscode
enabled=1
gpgcheck=1
gpgkey=https://packages.microsoft.com/keys/microsoft.asc

现在，我们可以继续使用dnf或者yum安装Visual Studio Code。

[root@controller ~]# dnf install code -y

访问Visual Code Studio

要打开Visual Studio代码编辑器，请以" ansible"用户身份登录到控制器节点的图形控制台并执行代码。
在主文件夹的终端上，也可以使用任何Projects目录

将会出现Visual Studio编辑器，我们可以在左选项卡中看到我们创建的所有YAML文件。

安装Ansible扩展

由于我们必须与Ansible合作，因此必须安装Ansible Extension/Plugin。
要安装此程序，请从左侧菜单中单击扩展，然后搜索Ansible字符串。
单击安装以安装相应的扩展。

配置Visual Studio以使用Ansible

在同一会话上，滚动页面并查看"用法"部分，该部分将显示以下信息：

因此，我们必须复制此设置，因为我们必须使用此设置将我们的Visual Studio与该JSON配置相关联。
复制内容后，单击文件→首选项→设置

在搜索栏中搜索关联，这将为我们带来settings.json。
单击settings.json中的Edit，然后粘贴我们复制的内容，然后按Ctrl + s保存文件并关闭文件。

使用Visual Studio创建剧本

现在我们可以创建一个新文件，并开始使用可视化编辑器创建一个新的剧本。
单击"文件"→"新文件"，这将创建一个新文件。
按Ctrl + s将其保存为其他名称，我将其另存为playbook_vsc.yml

现在，我使用可视代码编辑器创建了一个非常简单的剧本。
在执行之前，按Ctrl + s保存剧本。

--
 - name: Using Visual Code Editor
   hosts: localhost
   tasks:
     - debug:
         msg: "Hello World"

要使用Visual Studio执行剧本，请按Ctrl + Shift + P，这将为我们提供执行选项。
由于我们在本地主机(即控制器节点)上执行脚本，因此我将在Local Ansible中使用Run Ansible Playbook

执行的输出。
因此我们的剧本已成功执行。