当前位置: 萬仟网 > IT编程>网页制作>HTML > VSCode安装Django插件后实现html语法提示的方法步骤

VSCode安装Django插件后实现html语法提示的方法步骤

2022年08月21日 HTML 我要评论
1 vscode中默认html语法提示vscode(1.64)默认安装完成后自动添加html语法提示,但是在安装django插件后,django项目文件中的html文件自动语法提示就变为django-

1 vscode中默认html语法提示

vscode(1.64)默认安装完成后自动添加html语法提示,但是在安装django插件后,django项目文件中的html文件自动语法提示就变为django-html语法,原先的html语法提示就没有了。

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

django插件安装后为恢复html原有语法提示并保留django-html语法提示

需要再vscode中设置相应的属性,vscode打开设置,上方搜索框中输入 file association,对文件关联属性进行相应的配置

在files:associations下方的添加项中添加项

添加上述选项后,还要把emmet语法缩写提示加上

通过上述两步之后,就可以在django模板文件中编写html文件的时候既可以有html语法提示,也可以有django-html语法提示。

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

上述两步骤操作较繁琐,也可以直接修改vscode的setting.json文件达到上述效果.

打开设置,点击右上角的“打开设置(json)”

添加如下设置:

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

总结 

到此这篇关于vscode安装django插件后实现html语法提示的文章就介绍到这了,更多相关vscode实现html语法提示内容请搜索萬仟网以前的文章或继续浏览下面的相关文章希望大家以后多多支持萬仟网!

(1)
打赏 微信扫一扫 微信扫一扫

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。

发表评论

验证码:
Copyright © 2017-2022  萬仟网 保留所有权利. 琼ICP备2022007597号