使用vscode写html5的方法

  介绍

这篇文章主要介绍了使用vscode写html5的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

<强>怎么使用vscode写html5 ?

<>强自定义html5模板

我们每次新建html模板时候,总是感觉太单调,例如我是希望每次新建都自动引入Vue并新建一个空的页面模板,这是是完全可以实现的:

(1)找到html。json文件:点击设置,找到用户代码片段

使用vscode写html5的方法

搜索html,出现的html。json文件,点击即可

使用vscode写html5的方法

(2)打开的html。json文件后即可自定义设置H5模板

使用vscode写html5的方法

附上html。json文件配置,直接填入原大括号中即可:

“h6  template":, {   ,,,,,,,“prefix":,“vh",,//,对应的是使用这个模板的快捷键   ,,,,,,,“body":,   ,,,,,,,,“& lt; ! DOCTYPE  html>“   ,,,,,,,,“& lt; html  lang=\“en \““,   ,,,,,,,,“& lt; head>“   ,,,,,,,,“\ t Document“   ,,,,,,,,“\ t“,,,,,,   ,,,,,,,,“& lt;/head> \ n"   ,,,,,,,,“& lt; body>“   ,,,,,,,,“\ t \ n"   ,,,,,,,,“\ t“   ,,,,,,,,“& lt;/body> \ n"   ,,,,,,,,“& lt;/html>“   ,,,,,,,,   ,,,,,,,“description":,“HT-H5",//,模板的描述   ,,,,}

转义字符解释:

\ t \“;\ n都是转义字符,而空格就是单纯的空格,输入时可以输入空格

\ t的意思是横向跳到下一制表符位置等于Tab键

\“;的意思是双引号

\ n的意思是回车换行

感谢你能够认真阅读完这篇文章,希望小编分享的“使用vscode写html5的方法”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

使用vscode写html5的方法