VSCode安装Django插件后实现html语法提示的两个方法及操作步骤

2022-10-0109:48:41办公软件与工具应用Comments2,002 views字数 604阅读模式

1 VSCode中默认html语法提示

VSCode(1.64)默认安装完成后自动添加HTML语法提示,但是在安装Django插件后,Django项目文件中的html文件自动语法提示就变为django-html语法,原先的html语法提示就没有了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

VSCode安装Django插件后实现html语法提示的两个方法及操作步骤文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

VSCode安装Django插件后实现html语法提示的两个方法及操作步骤文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

2 第一种方法:直接修改“设置”中的相关选项

Django插件安装后为恢复html原有语法提示并保留django-html语法提示文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

需要再VSCode中设置相应的属性,VSCode打开设置,上方搜索框中输入 file association,对文件关联属性进行相应的配置文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

VSCode安装Django插件后实现html语法提示的两个方法及操作步骤文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

在Files:Associations下方的添加项中添加项文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

VSCode安装Django插件后实现html语法提示的两个方法及操作步骤文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

添加上述选项后,还要把Emmet语法缩写提示加上文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

VSCode安装Django插件后实现html语法提示的两个方法及操作步骤文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

通过上述两步之后,就可以在Django模板文件中编写html文件的时候既可以有html语法提示,也可以有django-html语法提示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

3 第二种方法:在setting.json文件中配置

上述两步骤操作较繁琐,也可以直接修改VSCode的setting.json文件达到上述效果.文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

打开设置,点击右上角的“打开设置(json)”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

VSCode安装Django插件后实现html语法提示的两个方法及操作步骤文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

添加如下设置:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

"files.associations": {
        "**/*.html": "html",
        "**/templates/**/*.html": "django-html",
    },
    "emmet.includeLanguages": {
        "django-html": "html"
    },

VSCode安装Django插件后实现html语法提示的两个方法及操作步骤文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/28106.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/office/28106.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定