热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

怎么使用vscode写html5

用vscode写html5的方法:首先找到“html.json”文件,点击【设置】并找到用户代码片段;然后打开“html.json”文件并自定义设置H5模板;最后重新打开vscode软件并输入html5代码即可。
怎么使用vscode写html5?

自定义html5模板

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

推荐学习:vscode教程

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

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

"h5 template": {
        "prefix": "vh", // 对应的是使用这个模板的快捷键
        "body": [
         "",
         "",
         "",
         "\t",
         "\t",
         "\t",
         "\t",
         "\t",     
         "\n",
         "",
         "\t
\n", "\t", "\n", "" ], "description": "HT-H5" // 模板的描述 }

转义字符解释:

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

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

\" 的意思是 双引号

\n 的意思是回车换行

以上就是怎么使用vscode写html5的详细内容,更多请关注其它相关文章!


推荐阅读
author-avatar
默默-的米线_601
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有