WebStrom 与 eslint 格式化代码冲突

问题当Vue项目采用了 eslint+prettier 控制代码风格时，WebStorm 默认的格式化代码（Reformat Code）会和这套工具的代码风格冲突。具体表现是：我们是用 Ctrl+F 格式化代码，格式化后WebStrom 反而出现很多黄色警告。解决采用 prettier 来格式化代码，不使用 WebStrom 自带代码格式化工具。打开WebStorm ， File-&g...

Star丶Xing

4262人浏览 · 2019-04-30 14:44:56

Star丶Xing · 2019-04-30 14:44:56 发布

问题

当Vue项目采用了 eslint+prettier 控制代码风格时，WebStorm 默认的格式化代码（Reformat Code）会和这套工具的代码风格冲突。具体表现是：我们是用 Ctrl+Shift+F 格式化代码，格式化后WebStrom 反而出现很多黄色警告。
在这里插入图片描述

解决

采用 prettier 来格式化代码，不使用 WebStrom 自带代码格式化工具。

打开WebStorm ， File->Settings->Keymap，搜索 reformat ，找到 ReformatCode 和 ReformatCode with Prettier，将常用的格式化快捷键 Ctrl+Shift+F 设置给后者。
在这里插入图片描述

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