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

首先在应用商店中搜索“Vetur”插件安装，然后进行下面操作：文件->首选项->设置，然后在右边编辑框输入以下设置：{"prettier.tabWidth": 4,"vetur.format.defaultFormatter.html": "prettier"}然后通过快捷键 Alt+Shift+F 进行格式化☆☆☆可能遇到的问题☆☆☆经

完蛋闹

63501人浏览 · 2017-12-14 10:12:12

完蛋闹 · 2017-12-14 10:12:12 发布

首先在应用商店中搜索“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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^