100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vscode中用快捷键 Alt + Shift + F 格式化代码不生效的问题

vscode中用快捷键 Alt + Shift + F 格式化代码不生效的问题

时间:2021-10-26 00:19:04

相关推荐

vscode中用快捷键 Alt + Shift + F 格式化代码不生效的问题

vscode中用快捷键 Alt + Shift + F 格式化代码不生效(文件中 script脚本部分的代码没有格式化)的问题

在 vscode 中书写代码,有时候缩进格式不一致,代码没有对齐,看起来既不美观,又影响排查错误,按快捷键 Alt + Shift + F 格式化代码时不生效,甚至提示 “HTML” 文件有多个格式化程序。选择默认格式化程序以继续,如下图中所示:

解决方法:

检查是否安装了 Beautify 插件,如果没有安装,先按照以下步骤安装

2. 安装好了以后,打开 vscode 的本地设置,如下图所示:

3. 在setting.json文件中加上这部分代码

"beautify.language": {"js": {"type": ["javascript","json",],"filename": [".jshintrc", ".jsbeautifyrc"]// "ext": ["js", "json"]// ^^ to set extensions to be beautified using the javascript beautifier},"css": ["css", "less","scss"],"html": ["htm","html","vue"]// ^^ providing just an array sets the VS Code file type},"editor.codeActionsOnSave": { // 代码保存时自动使用eslint校验"source.fixAll.eslint": true},"eslint.format.enable": true, // eslint格式化开启"eslint.validate": [// eslint校验的文件列表"javascript","vue","html"],/* 添加如下配置 */"vetur.format.defaultFormatter.js": "none",// 取消vetur默认的JavaScript格式化工具"[javascript]": {"editor.defaultFormatter": "dbaeumer.vscode-eslint" // 只采用eslint的格式化},"[vue]": {"editor.defaultFormatter": "octref.vetur" // vue文件还是采用vetur格式化},"[html]": {"editor.defaultFormatter": "HookyQR.beautify"}

如下图中所示:

保存 setting.json文件,关掉vscode,然后以管理员身份重新运行 vscode按快捷键 Alt + Shift + F 格式化代码 看是否成功,如果成功了,则不需要下面的操作,如果没有成功,弹出下图中的提示:

在 vscode 中 按 Ctrl + P,在顶部出现的下拉选项中选择“Beautify HookyQR.beautify, 如下图所示:

再按快捷键 Alt + Shift + F 格式化代码, 就可以了

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。