vscode格式化vue文件

使用vscode编写vue文件的时候，发现不能格式化，手动格式化代码，太费劲，还有可能会出错，不格式化，有的时候代码编写的时候，没有很好的管理格式，不美观。vscode格式化vue代码，让vue代码更美观，是可以做到的。我们打开vscode的配置文件，搜索vetur.format.defaultFormatter.html这个配置项，发现这个配置项值是“hmtl”，我们重写一下这个值，将这个值更改

suchcl

4547人浏览 · 2018-07-06 13:39:17

suchcl · 2018-07-06 13:39:17 发布

使用vscode编写vue文件的时候，发现不能格式化，手动格式化代码，太费劲，还有可能会出错，不格式化，有的时候代码编写的时候，没有很好的管理格式，不美观。

vscode格式化vue代码，让vue代码更美观，是可以做到的。我们打开vscode的配置文件，搜索

 
 vetur.format.defaultFormatter.html 

这个配置项，发现这个配置项值是“hmtl”，我们重写一下这个值，将这个值更改为

 
 js-beautify-html 

即：

 
 "vetur.format.defaultFormatter.html": 
 "js-beautify-html" 

这个时候我们再格式化vue文件，已经生效了。

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}$/, //不连续的两位字母// /^