VScode修改默认生成的HTML模板的方法

在VScode中，新建HTML页面时可以输入!+tab键，快速生成HTML代码模板，默认生成的代码模板如下：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
</head>
<body>
</body>
</html>

由于生成的代码模板中有一些不需要，所以每次生成后都需要删除，很麻烦。其实我们可以修改默认生成的HTML代码模板。

操作步骤：

1.找到VScode安装目录下的expand-full.js文件

路径为

VScode\resources\app\extensions\emmet\node_modules\vscode-emmet- helper\out\expand\expand-full.js

2.利用编辑器搜索lang

找到下列代码区域

 "!!!": "{<!DOCTYPE html>}",
 "doc": "html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:Document}})+body",
 "!|html:5": "!!!+doc",

修改为

 "!!!": "{<!DOCTYPE html>}",
 // "doc": "html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:Document}})+body",
 "doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body",
 "!|html:5": "!!!+doc",

3.重启VScode

再次输入!+tab键时，此时默认生成的代码模板已更改，如下：

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
</body>
</html>

到此这篇关于VScode修改默认生成的HTML模板的方法的文章就介绍到这了,更多相关VScode修改HTML模板内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 使用VScode写一个html页面

    首先插件配备好了,写一个HTML测试一下 首先创建一个文件夹,创建一个HTML 文件夹 (或者jQuery文件夹) 下面接着可以在目录下新建文件写一个html 我测试取名 text2 (名字任意,自己取) 注意:写的是html ,则你写的格式的结尾就是 text2.html 如果我打算创建的是 js 创建的就是 text2.js 如果我创建的是 jq 创建的就是 text2.jq 创建完成,快速生成 HTML 在创建的HTML中 : !然后回车,快速生成HTML模板 以上就是本文的全部内容了,希

  • VScode修改默认生成的HTML模板的方法

    在VScode中,新建HTML页面时可以输入!+tab键,快速生成HTML代码模板,默认生成的代码模板如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

  • python 批量修改 labelImg 生成的xml文件的方法

    概述 自己在用labelImg打好标签后,想只用其中几类训练,不想训练全部类别,又不想重新打标生成.xml文件,因此想到这个办法:直接在.xml文件中删除原有的不需要的标签类及其属性. 打标时标签名出现了大小写(工程量大时可能会手滑),程序中有改写标签值为小写的过程,因为我做py-faster-rcnn 训练时,标签必须全部为小写. 以如下的.xml文件为例,我故意把标签增加了大写 <annotation verified="yes"> <filename>te

  • VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法

    1. 安装一个插件,识别vue文件 2.新建代码片段 文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定 3.粘贴入自己写的.vue模板 { "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<d

  • VsCode插件自动生成注释插件koroFileHeader使用教程

    目录 VsCode插件自动生成注释插件koroFileHeader使用 PS:vscode使用‘koroFileHeader‘插件生成注释 插件安装 配置插件 插件使用 生成图案注释 VsCode插件自动生成注释插件koroFileHeader使用 强烈推荐的一款VsCode注释插件koroFileHeader,具体使用参考内容. 1.安装插件. 在VsCode里选择Extensions搜索koroFileheader进行安装. 2.根据需要修改默认注释配置,先选择File-Preference

  • 修改MySQL的默认密码的四种小方法

    对于windows平台来说安装完MySQL数据库后,系统就已经默认生成了许可表和账户,你不需要像在Unix平台上那样执行 mysql_install_db脚本来生成帐户和相应权限许可表.但是如果不是用MSI格式来安装MySQL的话,就需要在安装完以后,手动给root帐户添加新密码,因为默认情况下的root没有开启密码保护功能,如果不重新赋予root帐户密码,那么许多非本机的连接将无法成功. 方法1:用SET PASSWORD命令,具体更新密码步骤如下: c:>mysql -u root mysq

  • Debian 9系统下修改默认网卡为eth0的方法

    前言 Debian 9终于正式了,第一时间升级了自己在用的VPS,遇到一个小问题,没有网络了,排查之后发现网卡变成ens3了,而系统默认的网卡配置里(/etc/network/interfaces)却是eth0,本文主要介绍了关于Debian 9修改默认网卡为eth0的相关内容,下面来一起看看详细的介绍: 这里有两种方案 一种是干脆把网卡配置文件中的eth0直接改为ens3,然后ifup ens3即可恢复网络. 另外一种就是把ens3改回我们习惯的eth0,下面就是修改为eth0的具体操作. 方

  • vscode修改默认浏览器的方法

    vscode怎么浏览器打开html预览?这里大家可以通过安装open in browser插件解决. 1.vscode怎么浏览器预览 1.点击拓展 2.输入open in browser,选择第一个 3.点击安装(笔者已安装,所以显示的禁用) 2.vscode怎么修改默认浏览器 在安装完open in browser插件后,在html代码中鼠标右键可以看到多了两个打开选择,点击选项即可打开浏览器进行预览. Open in Default Browsers:使用默认浏览器打开  快捷键:alt+b

  • yii框架创建与设置默认控制器并载入模板操作示例

    本文实例讲述了yii框架创建与设置默认控制器并载入模板操作.分享给大家供大家参考,具体如下: 一.创建控制器 在protected下的controllers文件夹中创建自定义的控制器文件,比如: IndexController.php (文件名首字母大写) IndexController.php文件中添加如下代码: class IndexController extends Controller { //创建方法,方法名称=action+方法名 public function actionInd

  • VSCode设置默认打开的浏览器的方法

    vscode怎么浏览器打开html文件?可以通过安装open in browser插件解决. 1.安装open in browser插件 安装完点击重新加载 2.vscode怎么修改默认浏览器 在安装完open in browser插件后,在打开的html文件代码中点击鼠标右键可以看到多了两个打开选择,点击选项即可打开浏览器进行预览. Open in Default Browsers:使用默认浏览器打开 快捷键:alt+b Open in Other Browsers:使用其他浏览器打开 快捷键

  • asp.net core 修改默认端口的几种方法

    asp.net core 修改默认端口的几种方法

    一般情况下,aspnetcore发布后的默认端口是5000,这个大家都知道,而且默认骨架代码中没有看到任何让你输入的ip地址和端口号,但作为程序员的我们,不希望 被框架所管制,那如何实现默认端口的修改呢? 骨架代码: public class Program { public static void Main(string[] args) { CreateWebHostBuilder(args).Build().Run(); } public static IWebHostBuilder Cre

随机推荐