【问题标题】:How can I autocomplete both HTML and Django-HTML simultaneously in Visual Studio Code?如何在 Visual Studio Code 中同时自动完成 HTML 和 Django-HTML?
【发布时间】:2020-08-27 20:07:03
【问题描述】:

我已在 Visual Studio Code 中安装了 Django 支持,并将 */templates/*.htmldjango-html 关联为扩展需求。

但是,it can't auto-compete HTML Tags as I've done so

如果我只是将 HTML 与其自身相关联,那么it can't intellisense Django Template code

如何自动完成两者

【问题讨论】:

    标签: html django visual-studio-code


    【解决方案1】:

    我设法做到了:

    • 安装 Django 扩展

    • 将以下配置添加到我的工作区 settings.json 文件:

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

    【讨论】:

    • “django 支持”是什么意思?你能包括一个链接吗?我没有找到任何同名的扩展,而且我已经安装了标准的 Django 扩展。
    • 这并不能解决问题,因为这不是 emmet 的问题:这是 VS Code 语言配置的问题(在我们的例子中是 django-html)
    • django support == django 扩展,如果您已经安装,只需在工作区的设置中复制这 3 行
    • 对不起,它对我有用。django 扩展自动将以下内容添加到您的设置中:``` "files.associations": { ".txt": "plaintext", "/.html": "html", "*/templates/**/.html": "django-html", "*/requirements {/,}.{txt,in}": "pip-requirements" } ``` 这会将templates/目录下的html文件与内置文件类django-html相关联,这意味着它将智能感知if else 等等。我在答案中的设置会将django-html 的建议与html 相关联。所以先绑定django-html文件。
    【解决方案2】:

    作为namespace_Pt said,我尝试了它并且它有效。我将列出我的 Visual Studio Code 安装中包含哪些扩展。

    1. Django 1.2.0

    2. Visual Studio IntelliCode(我试过了,没有这个也可以)

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

    我在 settings.json 文件的末尾添加了它。我从设置的搜索栏中找到该文件。只需撤消 Visual Studio Code 添加的内容并添加上面的代码。不要忘记添加逗号。

    Where you find the .json file in settings

    How it looks like after I added it

    【讨论】:

      【解决方案3】:

      这里基本上是相同的修复,但使用 VS Code UI 可能会让某些人更容易 - 特别是如果您的新手和您的 settings.json 文件尚未生成。

      在 VS Code 中转到文件 -> 首选项 -> 设置

      如果您希望此设置仅适用于此项目/工作区,则可以切换到“工作区”选项卡,如果您希望所有项目/工作区都使用此设置,请坚持使用“用户”选项卡。

      打开列表中的“扩展”项并点击“Emmet”。

      在“包括语言”下单击“添加项目”按钮。填写:

      项目:django-html

      值:html

      然后点击“确定”按钮。

      这会将您的设置添加到您的 settings.json 文件中,或者如果您没有,则为您生成一个新的 settings.json 文件。

      注意:要使自动完成/生成功能正常工作,您可能需要键入不带括号的标签,例如li(不是<li>),然后回车得到<li></li>

      【讨论】:

        【解决方案4】:

        按照以下步骤操作:

        1. 将此安装为您的扩展程序:Django

        2. 在您的 Visual Studio 代码的settings.json 中编写代码行:

          "emmet.includeLanguages": {
              "django-html": "html",
          }
          
        3. 我怎样才能得到settings.json

          答案:菜单命令FilePreferences → *Settings (CodePreferences → Settings 在 Mac 上)提供配置用户和工作区设置的入口。您将获得默认设置列表。将要更改的任何设置复制到适当的设置。 JSON 文件。

        【讨论】:

          【解决方案5】:

          当我的vscode的版本是1.62.3时,,"emmet.includeLanguages": {"django-html": "html",} 不能正常工作,但是1.52.1版本可以正常工作。

          【讨论】:

          • 正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center
          【解决方案6】:

          为我工作(与 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"},
          
          }
          

          【讨论】:

            【解决方案7】:

            我尝试了上面列出的所有方法,但没有任何效果。 然后经过一番忙碌,我找到了解决方案。 在您的 VS 代码中转到.. --> 文件--> 首选项--> 设置--> 工作区(如果您希望此设置只是此工作区特定的或“用户”,如果您希望全部使用)--> 扩展--> emmet-->现在点击 Edit in settings.json --> 现在在已经给出的花括号下的那个文件中,写入或复制粘贴 ->

            “emmet.triggerExpansionOnTab”:真,

            "files.associations": {"*html":"html"},

            然后按 ctrl + s 保存。

            它对我有用!我希望它也对你有用。!

            【讨论】:

              猜你喜欢
              • 2023-03-10
              • 1970-01-01
              • 2015-09-13
              • 2022-01-26
              • 2021-09-11
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2017-05-20
              相关资源
              最近更新 更多