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

编辑器(webstorm)路径
settings-> Editor -> codeStyle -> 选择不同的语言设置
如下是javascript常见配置项
对应英文 中文含义
parentheses 圆括号
operators 操作符
left brace 左大括号
right brace 右大括号
keywords 各种关键词 比如else break while catch finally
grouping parentheses 代码块涉及的圆括号
解决script标签内js文件的缩进问题

webstorm|webstorm 针对eslint配置 常见配置项整理(75%)
文章图片
image.png settings-> Editor -> codeStyle -> html
选择other do not indent children 内加入script

webstorm|webstorm 针对eslint配置 常见配置项整理(75%)
文章图片
image.png
【webstorm|webstorm 针对eslint配置 常见配置项整理(75%)】解决后效果

webstorm|webstorm 针对eslint配置 常见配置项整理(75%)
文章图片
image.png 解决es6 import {}大括号内变量间的空隙

webstorm|webstorm 针对eslint配置 常见配置项整理(75%)
文章图片
image.png
解决方案:

webstorm|webstorm 针对eslint配置 常见配置项整理(75%)
文章图片
image.png 解决后效果

webstorm|webstorm 针对eslint配置 常见配置项整理(75%)
文章图片
image.png 在代码中使用eslint进行了校验后,同时将编辑器配置设置为与eslint的规则一致,按Ctrl + Alt + L自动格式化时,可以大大提高效率。

    推荐阅读