时间:2023-06-10 11:09:01 | 来源:网站运营
时间:2023-06-10 11:09:01 来源:网站运营
VS Code修改html默认模板代码(Win10):VScode新建html文件后,使用'!+tab'会自动生成一个html模板{VScode安装路径}/resources/app/extensions/emmet/node_modules/vscode-emmet-helper/out/expand/expand-full.js
emmet
目录下并没有node_modules/vscode-emmet-helper/out/expand/expand-full.js
这一路径和文件emmetNodeMain.js
/Microsoft VS Code/resources/app/extensions/emmet/dist/node/emmetNodeMain.js
emmetNodeMain.js
variables:{lang:
,lang:"en"
修改为lang:"zh-CN"
;<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
"meta:vp"
(注意引号也要复制)"meta:vp":"meta[name=viewport content='width=${1:device-width}, initial-scale=${2:1.0}']"
"meta:vp":"meta[name=viewport content='width=${1:device-width}, initial-scale=${2:1.0}, minimum-scale=${3:1.0}, maximum-scale=${4:1.0}, user-scalable=${5:no}']"
默认情况下,使用!感叹号生成H5模板时,光标默认是选中device-width文本状态,需要3-4个Tab键才能将光标移入body中。
"meta[name=viewport content='width=${1:device-width}, initial-scale=${2:1.0}']"
,删除${1:
及}
即可解除初始光标对device-width的文本选中状态${2:
及}
即可解除初始光标对1.0的文本选中状态"meta:vp":"meta[name=viewport content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no']"
title{${1:Document}}
,其中title即为H5模板的页面标题,$应该是类似于变量的引用,1:
还是意味着初始时光标在标题行的第1次选中Document文本状态,后者也就是模板页面的标题,完全可以修改成自己想要字符,如 XXX<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Document</title></head><body></body></html>
作者:xishuiinsz
链接:https://www.jianshu.com/p/4effad66eccc
链接:https://www.yuque.com/gangafengliu/frontend-tricks/custom-emmet-snippets
关键词:模板,默认,修改