如何在Visual Studio代码中同时自动完成HTML和Django-HTML?

pxq42qpu  于 2023-03-04  发布在  Go
关注(0)|答案(7)|浏览(151)

我已经在Visual Studio代码中安装了Django支持,并将***/templates/*.htmldjango-html关联起来,作为扩展的要求。
然而,it can't auto-compete HTML Tags as I've done so
如果我只把HTML和它自己联系起来,那么it can't intellisense Django Template code
如何自动完成
both**?

btqmn9zl

btqmn9zl1#

我设法做到这一点:

  • 安装Django扩展
  • 将以下配置添加到我的workspace settings.json 文件中:
"emmet.includeLanguages": {
         "django-html": "html",
    }
xdyibdwo

xdyibdwo2#

这里基本上是相同的修复,但使用VS代码UI,这可能会使一些人更容易-特别是如果你的新手和你的settings.json文件还没有生成。
在VS代码中,转到文件-〉首选项-〉设置
如果您希望此设置仅适用于此项目/工作区,则可以切换到“工作区”选项卡;如果您希望此设置适用于所有项目/工作区,则可以继续使用“用户”选项卡。
打开列表中的“扩展”项,然后单击“Emmet '。
在“包含语言”下单击“添加项目”按钮。填写以下内容:
商品名:django-html
数值:html
并单击“确定”按钮。
这会将设置添加到settings.json文件中,如果没有. x1c 0d1x文件,则会生成新的settings.json文件
注意:要使自动完成/生成功能正常工作,您可能需要键入不带括号的标记,例如li(而不是<li>),然后按Enter键以获取<li></li>

nwnhqdif

nwnhqdif3#

正如namespace_Pt所说,我试过了,效果很好。我将列出哪些扩展在我的Visual Studio代码安装中。
1.强哥1.2.0

  1. Visual Studio IntelliCode(我试过了,没有这个也能工作)
"emmet.includeLanguages": {
    "django-html": "html",
}

我添加了它,在 settings.json 文件的末尾。我从设置的搜索栏中找到了该文件。只需撤消Visual Studio代码自己添加的内容,然后添加上面的代码。不要忘记添加逗号。
Where you find the .json file in settings
How it looks like after I added it

odopli94

odopli944#

请按照以下步骤操作:
1.将此安装为您的扩展:Django
1.在Visual Studio代码的settings.json中编写代码行:

"emmet.includeLanguages": {
    "django-html": "html",
}

1.我怎样才能得到settings.json

    • 答案**:菜单命令 * 文件 * → * 首选项 * → * 设置(Mac上为 * 代码 * → * 首选项 * → * 设置 *)提供了配置用户和工作区设置的入口。您将获得一个 * 默认设置 * 列表。将任何您想要更改的设置复制到相应的设置. JSON文件中。
dfuffjeb

dfuffjeb5#

适用于我(与1.62.3相比):在文件settings.json之前:

"emmet.includeLanguages": {
    "django-html": "html",
}

包括:

{
  "files.associations": {
    "**/*.html": "html",
    "**/templates/**/*.html": "django-html",
    "**/templates/**/*": "django-txt",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements"
},

总文件外观为:

{
  "files.associations": {
    "**/*.html": "html",
    "**/templates/**/*.html": "django-html",
    "**/templates/**/*": "django-txt",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements"
},

  "files.autoSave": "afterDelay",
  "emmet.includeLanguages": {"django-html": "html"},

}
o2g1uqev

o2g1uqev6#

我尝试了上面列出的所有方法,但是没有一个对我有效。然后经过一番努力,我找到了解决方案。在你的VS代码中,进入.. --〉文件--〉首选项--〉设置--〉工作区(如果您希望此设置仅特定于此工作区,或者如果您希望此设置适用于所有工作区,则为"用户")--〉扩展--〉emmet--〉现在单击Edit in settings. json--〉现在在那个文件中已经给出的花括号下,写入或复制粘贴这个-〉
"emmet. triggerExpansionOn选项卡":真的,
"文件.关联":{"* html ":" html "},
并按ctrl + s保存。
对我有效!!我希望对你也有效!

fhg3lkii

fhg3lkii7#

我安装了自动关闭标记扩展,并在activationOnLanguage设置中添加了“django-html”语言支持,使其正常工作。

"auto-close-tag.activationOnLanguage": [
    "django-html",
    ...,
]

相关问题