练习 - 自定义项目和编辑器设置

  • 4 分钟

devcontainer.json 文件有助于在容器化的 Visual Studio Code 设置中配置各种设置。 目前，你已为 Python 项目配置开发容器。 但是，仍有一些小细节和设置任务可以进一步自动执行。

本练习中将使用 devcontainer.json 文件来处理这些细节，使开发人员无需任何设置步骤即可处理项目。

安装 Visual Studio Code 扩展

容器随附 Microsoft Python 扩展。（可以在它的基础映像中看到）。 Python 扩展可以在 Python 文件中启用代码片段、Lint 分析和 IntelliSense。 但 templates 文件夹中的 index.html 文件是 Jinja 模板，你需要安装其他扩展才能在该文件中突出显示语法。

  1. 按 F1 打开命令面板。
  2. 键入“扩展”，然后选择“扩展:安装扩展”。
  3. 在右侧的扩展资源管理器中，搜索“jinja”。
  4. 选择“安装” 。
  5. 右键单击“wholroyd”中的“Jinja”扩展，然后选择“添加到 devcontainer.json”。
  6. 返回到 devcontainer.json 文件，并注意 Jinja 扩展已添加到 extensions 部分。
  7. 保存 devcontainer.json 文件。

自动安装依赖项

现在，首次设置项目的开发人员必须知道，运行 pip3 install --user -r requirements.txt 后才能安装依赖项。 没有这些依赖项，项目将无法运行，而其他开发人员可能不知道原因。

  1. 取消注释 postCreateCommand 选项。

    "postCreateCommand": "pip3 install --user -r requirements.txt"

  2. 保存 devcontainer.json 文件。

每当创建容器时，容器都将自动安装依赖项。

重新生成新容器

  1. 按 F1 打开命令面板。
  2. 键入“重新生成”，然后选择“开发容器:重新生成容器”。

容器将使用你在 devcontainer.json 文件中指定的更改来重新生成。

注意

只要重新生成容器，系统就会删除容器并完全重新创建容器。 重新生成容器时，不会保留终端历史记录。

检查 Jinja 扩展提供的语法突出显示

  1. 打开 templates/index.html 文件。

  2. 向下滚动到第 33 行，请注意 for 循环上的语法突出显示。 此语法突出显示由 Jinja 扩展启用。

    Screenshot of a Jinja template, emphasizing a for loop with syntax highlighting.

运行应用

  1. 按 Ctrl + ` 打开 Visual Studio Code 集成终端。

  2. 使用以下命令运行应用：

    python app.py

  3. 请注意，无需安装任何依赖项。 应用程序只是运行。

容器现已针对你所在机构进行自定义和自动化。 任何使用开发容器打开此项目的开发人员均可立即运行该项目并开始编写代码。

下一单元中，你将了解如何在开发容器中安装更多软件。