webstorm 开发vue设置code style

webstorm开发vue的时候，第一次提交的时候发现eslint的校验，一一修复之后，在commit代码之后，发现依然报错，在js代码中一直给我刷新成缩紧两个空格的形式，最后才发现是代码本身的style设置有坑，下面是解决办法。1.打开webstorm的设置页面快捷键操作可以看到这是配置javascript风格的设置区域，可以参考eslint的需求进行默认设置，左边勾选，右边可以直接看...

暗影刀客

3079人浏览 · 2019-04-11 01:02:38

暗影刀客 · 2019-04-11 01:02:38 发布

webstorm开发vue的时候，第一次提交的时候发现eslint 的校验，一一修复之后，在commit代码之后，发现依然报错，在js代码中一直给我刷新成缩紧两个空格的形式，最后才发现是代码本身的style设置有坑，下面是解决办法。

1.打开webstorm的设置页面快捷键操作

在这里插入图片描述
可以看到这是配置javascript风格的设置区域，可以参考eslint的需求进行默认设置，左边勾选，右边可以直接看到效果很方便。
我开始只是在这个区域内进行的设置，导致每次vue里面的script标签内的代码都是默认缩进了两个空格

查看html的style

在这里插入图片描述
这里设置html文件内，不需要缩紧的子标签，我们只要点击那个小文件标志打开下个界面

点击添加，把script标签加入即可啦

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