在Django中，使用HTML快速开发的方法，且无需补充修正

非常感谢您的问候，我是takubii (@takubii)。

平时我主要使用VScode来进行大部分的编码工作。
VScode作为我的得力助手，可以在各种语言上提供补全和预测转换的功能，非常可靠。

我想写一些关于编辑VScode设置以提高编码速度的小技巧。

我之所以这样做是因为在Django项目中编写HTML时，我感到很困扰，有时无法满足我迫切想要解决的问题，所以我做出了改进。

Emmet的配置

我們將從VScode的設定中進行Emmet的配置。
這次我們將在Django的HTML中應用與HTML相同的Emmet。

// 他の設定
"emmet.includeLanguages": {
  "django-html": "html"
},

假设在 Django 的 HTML（包括原始的 HTML）中，考虑以下标签的写法。

<div id="app" class="app-test">

当您输入以下内容时，将生成先前的代码。

div#app.app-test

基本上，id用#符号指定，class用.符号指定。
如果想要指定多个class，只需用.符号连接起来，如(div.class-1.class-2.class-3)。
对于其他属性，如title，则使用[]符号括起来进行书写（示例：div[title=”Some title word”]）。

Emmet的应用方法

通过使用HTML的Emmet补全，在无法使用自动补全的语言中，可以自动为我们生成带有ID和类指定的闭合标签。
对于Django的独特语法，我们将依靠Django扩展来处理，而在HTML方面，使用Emmet进行开发是目前最好的选择。

我认为，掌握Emmet语法可以提高开发速度，使编码变得更加有趣，因为它可以在日常HTML编码中使用。

因为最近才开始使用，所以我还没有记住很多种类，但是由于有各种不同的记法，所以请一定要调查一下。
我认为这里会是一个参考。

感受

Visual Studio Code 的代碼補完和 Emmet 提供了很好的開發環境，所以我想積極地學習和使用它們。
這次我遇到了 Django HTML 中無法使用 HTML 代碼補完的問題，於是我去研究了一下 Emmet 這個工具。
當遇到問題或無法順利進展時，正是我們需要去尋找答案並發現新事物的時候。

那么，这次就在此结束吧。如果有机会，我们再见面吧。祝你工程师生活愉快！