vscode|beautify配置

  1. 打开VS Code软件
  2. 打开工具栏,点击插件图标
    vscode|beautify配置
    文章图片
  3. 搜索框中输入beautify,选择第一个直接安装
    vscode|beautify配置
    文章图片
  4. 打开设置
    vscode|beautify配置
    文章图片
  5. 点击打开settings.json文件
    vscode|beautify配置
    文章图片
  6. 输入下面代码
"beautify.language": {"js": {"type": [ "javascript", "json" ], "filename": [ ".jshintrc", ".jsbeautify" ] }, "css": [ "css", "scss" ], "html": [ "htm", "html", "vue"//在这里加上vue ] },

  1. 配置默认格式化
    vscode|beautify配置
    文章图片

    vscode|beautify配置
    文章图片

    vscode|beautify配置
    文章图片

    然后Alt+Shift+F格式化文档,就可以看出代码格式化效果

    推荐阅读