Vscode在php中在html等快捷键失效怎么解决

2025-05-31 17:07:54

一、简单直接

①在弹出的选择框中,选择“Command Palette”,也可以使用快捷键“Ctrl + Shift + P”打开命令面板↓

Vscode在php中在html等快捷键失效怎么解决

编辑切换为居中

添加图片注释,不超过 140 字(可选)

②输入settings.json

Vscode在php中在html等快捷键失效怎么解决

编辑切换为居中

添加图片注释,不超过 140 字(可选)

③删除settings.json中的所有,相当于重置设置

部分简单设置,有需要自取{ "workbench.colorTheme": "Default Dark+", "editor.fontSize": 18, "editor.wordWrap": "on",}
Vscode在php中在html等快捷键失效怎么解决

编辑切换为居中

添加图片注释,不超过 140 字(可选)

④保存即可(效果如下)

Vscode在php中在html等快捷键失效怎么解决

编辑切换为居中

添加图片注释,不超过 140 字(可选)


二、自定义方法

废话少说,直接看图操作:

第一步:

Vscode在php中在html等快捷键失效怎么解决

编辑

打开vscode->File->Preferences->User Snippets

第二步:

Vscode在php中在html等快捷键失效怎么解决

编辑

输入html.json

第三步:(修改代码我会放在最后)

Vscode在php中在html等快捷键失效怎么解决

编辑切换为居中

修改代码我会放在最后

第四步:实践效果

Vscode在php中在html等快捷键失效怎么解决

编辑切换为居中

添加图片注释,不超过 140 字(可选)

html.json修改代码:

{"html:5":{"prefix":"!","body":["<!DOCTYPE html>","<html>","<head>","\t<meta charset=\"UTF-8\">","\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">","\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">","\t<title></title>","</head>","<body>","</body>","</html>",],"description":"HTML5"}}

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢