189 8069 5689

使用vscode写html5的方法-创新互联

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

创新互联公司公司2013年成立,先为黄梅等服务建站,黄梅等地企业,进行企业商务咨询服务。为黄梅企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

怎么使用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": [
         "",
         "",
         "",
         "\t",
         "\t",
         "\t",
         "\tDocument",
         "\t",     
         "\n",
         "",
         "\t 
\n",          "\t",          "\n",          ""         ],         "description": "HT-H5" // 模板的描述      }

转义字符解释:

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

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

\" 的意思是 双引号

\n 的意思是回车换行

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


新闻名称:使用vscode写html5的方法-创新互联
当前网址:http://cdxtjz.cn/article/hihgj.html

其他资讯