美文网首页
webstorm 针对eslint配置 常见配置项整理(75%)

webstorm 针对eslint配置 常见配置项整理(75%)

作者: 小路_7bb8 | 来源:发表于2020-02-28 11:29 被阅读0次

编辑器(webstorm)路径
settings-> Editor -> codeStyle -> 选择不同的语言设置

如下是javascript常见配置项
对应英文 中文含义
parentheses 圆括号
operators 操作符
left brace 左大括号
right brace 右大括号
keywords 各种关键词 比如else break while catch finally
grouping parentheses 代码块涉及的圆括号

解决script标签内js文件的缩进问题


image.png

settings-> Editor -> codeStyle -> html
选择other do not indent children 内加入script


image.png

解决后效果


image.png

解决es6 import {}大括号内变量间的空隙


image.png

解决方案:


image.png

解决后效果


image.png

在代码中使用eslint进行了校验后,同时将编辑器配置设置为与eslint的规则一致,按Ctrl + Alt + L自动格式化时,可以大大提高效率。

相关文章

网友评论

      本文标题:webstorm 针对eslint配置 常见配置项整理(75%)

      本文链接:https://www.haomeiwen.com/subject/tvvkhhtx.html