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

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

操作步骤:

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

右键打开VSCode
VSCode修改默认生成的HTML模板的方法

2.然后再右上角搜索expand-full.js

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

3.利用快捷键开始搜索需要更改的模板ctrl+F

我的更改是
"doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body",
搜索框输入lang,移动光标到当行(左键点击)
VSCode修改默认生成的HTML模板的方法

4.重启VScode

再次输入!+tab键时,此时默认生成的代码模板已更改,如下:(!是英文)
VSCode修改默认生成的HTML模板的方法

相关文章: