vscode格式化vue

• 2019 年 11 月 15 日
• 筆記

记录一次修改vscode 格式化历程

早上起来发现 cmd + s保存格式化失败

多次查看后发现以下错误提示

40151573782623_.pic.jpg

修改步骤 1、点击配置，查看有几个插件同时使用了 2、卸载不需要的插件 3、重新配置

配置默认格式化程序

屏幕快照 2019-11-15 上午10.30.03.png

这边设置的是beautify

快捷键 cmd + shift + p 输入 settings 进入配置界面

屏幕快照 2019-11-15 上午10.32.35.png

点击进入 Beautify: Config 的 settings.json中编辑 以下为内容

{      "beautify.language": {          "js": {              "type": [                  "javascript",                  "json"              ],              "filename": [                  ".jshintrc",                  ".jsbeautify"              ]          },          "css": [              "css",              "scss"          ],          "html": [              "htm",              "html",              "vue"//在这里加上vue          ]      },      "editor.formatOnSave": true, //保存自动格式化      "vueBeautify.isRootIndent": false,      "editor.suggestSelection": "first",      "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",      "[vue]": {          "editor.defaultFormatter": "HookyQR.beautify"      },      "workbench.settings.openDefaultKeybindings": true  }