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

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

解决方法:

  1. 检查是否安装了 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"}
  1. 如下图中所示:

  2. 保存 setting.json文件,关掉vscode,然后以管理员身份重新运行 vscode
  3. 按快捷键 Alt + Shift + F 格式化代码 看是否成功,如果成功了,则不需要下面的操作,如果没有成功,弹出下图中的提示:
  4. 在 vscode 中 按 Ctrl + P,在顶部出现的下拉选项中选择“Beautify HookyQR.beautify, 如下图所示:
  5. 再按快捷键 Alt + Shift + F 格式化代码, 就可以了

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

  1. vscode全局搜索快捷键 Ctrl + Shift + F 无效

    与window输入法的简繁切换快捷键冲突了,更改输入法快捷键设置为 Ctrl + Shift + S 即可.

  2. Eclipse 中 按 Ctrl+Shift+F 格式化代码时每行容纳的字符数

    每次找半天才找到这个设置,今天把它记下 windows--preferences--java--code style--formatter--edit--line wrapping--maximum ...

  3. 排查IDEA 全局搜索快捷键Ctrl +Shift+F不起作用的原因和解决方法

    排查IDEA 全局搜索快捷键Ctrl +Shift+F不起作用的原因和解决方法 参考文章: (1)排查IDEA 全局搜索快捷键Ctrl +Shift+F不起作用的原因和解决方法 (2)https:// ...

  4. IntelliJ Idea学习笔记002---IDEA 全局搜索快捷键CTRL+SHIFT+F,不起作用

    1.全局搜索快捷键:CTRL+SHIFT+F 2.全部替换快捷键:CTRL+SHIFT+R 3.IDEA 全局搜索快捷键CTRL+SHIFT+F,不起作用 一般是 其他软件占用的这个快捷键:首先可以去 ...

  5. IDEA全局搜索快捷键(ctrl+shift+F)失效修复

    一.背景 最近不知道做了什么设置, 原先功能好好的IDEA全局搜索快捷键(ctrl+shift+F), 突然失效不能用了. 作为IDEA最为常见的快捷键不能用, 只能通过快捷菜单组合(Idea菜单&q ...

  6. IDEA 全局搜索快捷键CTRL+SHIFT+F,不起作用

    1.全局搜索快捷键:CTRL+SHIFT+F 2.全部替换快捷键:CTRL+SHIFT+R 3.IDEA 全局搜索快捷键CTRL+SHIFT+F,不起作用 一般是 其他软件占用的这个快捷键:首先可以去 ...

  7. Webstorm全局搜索快捷键Ctrl+Shift+F搜索失效的问题

    问题背景 最近换了新电脑,使用新装好webstorm打开项目后发现全局搜索快捷键(ctrl+shift+f)失效了,第一时间想到的快捷键冲突问题,一般由输入法快捷键冲突导致,由于是新电脑,所以使用的是 ...

  8. chrome 快捷键CTRL+SHIFT+F

    chrome 快捷键CTRL+SHIFT+F:全局搜索含有某个字符串的资源(可方便找出某个字符串在哪个js文件中,进行js分析,解密).

  9. eclipse中格式化代码快捷键Ctrl+Shift+F失效的解决办法

    很长一段时间我的eclipse都有个毛病,就是当我要格式化代码的时候,右键-source-format能够起效,但ctrl+shift+f不好使了. 可以基本断定是快捷键与别的软件冲突了,但一直也没时 ...

最新文章

  1. 从设计网络就开始知识蒸馏
  2. python当型循环_对python while循环和双重循环的实例详解
  3. java-number2
  4. Coursera课程Python for everyone:chapter10
  5. 通过SSIS的“查找”组件进行不同数据源之间数据的合并操作
  6. 征战蓝桥 —— 题解目录
  7. Windows XP SP3支持多用户远程桌面连接
  8. 今天的不是陶渊明的 飞鸽传书
  9. [bzoj4813][Cqoi2017]小Q的棋盘
  10. Divisibility题解
  11. appium和airtest_Airtest自动化测试工具
  12. PD--SqlServer生成Hive建表语句
  13. VS C#语言获取输入名称的汉语拼音简拼码和全拼码完整案例教程
  14. 00002__Proxyee-down__百度网盘下载加速软件
  15. 【初学大数据】CentOS7安装hadoop3.3.2完全分布式详细流程
  16. freeCodeCamp 练习3 -- Learn accessbility by building a quiz
  17. 看最强大脑的数字华容道,尝试理解与总结
  18. 笔记本电脑能连接WiFi但浏览器无法打开网页的解决办法
  19. 【Git】push 分支报错 error: failed to push some refs to...
  20. ITU-R BT.656和ITU-R BT.601

热门文章

  1. 盘古石杯全国电子数据取证大赛晋级赛wp(未完)
  2. 十大前端开发框架(转)
  3. oracle通过imp导出数据库时提示:这些对象由***导出,而不是当前用户解决方法
  4. unity 编辑器窗口 批量修改文件名字
  5. 一文读懂闪电网络工作原理
  6. PHP+SQL考勤系统安全性的设计与实现
  7. STM32WL LoRaWAN节点设备学习记录(一)
  8. Matlab打开绘图工具
  9. android:foreground
  10. Z-Blog 添加收藏本站