VS Code .vue文件代码缩进以及格式化代码

首先在应用商店中搜索“Vetur”插件安装,然后进行下面操作:

  • 文件->首选项->设置,然后在右边编辑框输入以下设置:
{
    "prettier.tabWidth": 4,
    "vetur.format.defaultFormatter.html": "prettier"
}

然后通过快捷键 Alt+Shift+F 进行格式化


☆☆☆可能遇到的问题☆☆☆

经测试,win7通过以上设置,可以正常格式化代码。在win10,格式化JS代码无效,CSS和HTML格式化均正常。下面提供单独格式化JS代码的方法步骤:

  • 在应用商店搜索“Beautify”插件安装
  • 鼠标选中待格式化的JS代码
  • 按下快捷键 Ctrl+B,然后选择 JS does JavaScript and JSON

你可能感兴趣的:(VS,Code)