当前位置:  开发笔记 > 编程语言 > 正文

如何根据eslint制作WebStorm格式代码?

如何解决《如何根据eslint制作WebStorm格式代码?》经验,为你挑选了3个好方法。

我已经为我的WebStorm项目指定了eslint配置.但它似乎不适用于代码重新格式化功能.例如,它继续格式化import { something } from 'somewhere'import {something} from 'somewhere'.

有没有办法让WebStorm根据eslint配置格式化代码?



1> ph.dev..:

(描述的步骤和截图来自IntelliJ IDEA 2017.2)

您可以为"修复ESLint问题"操作添加键盘快捷键.确保已安装并启用插件"JavaScript支持".

首先得到首选项 | 语言与框架 | JavaScript | 代码质量工具 | ESLint并启用它.您需要定义"节点解释器","ESlint包"和可选的"配置文件".

在此输入图像描述

接下来转到首选项 | 键盘映射并在那里搜索'eslint'.现在您可以添加例如快捷键"control + shift + L".

在此输入图像描述


这应该是最好的答案.
IntelliJ没有意识到已配置eslint并选择将其用作默认格式化程序,这是非常愚蠢的。就像VS Code一样。

2> Oyvind Habbe..:

我刚刚安装了WebStorm 2017,我不知道这是否适用于WS 2016.而不是按Option + Command + L,重新格式化代码,当光标接近ESLint错误时,可以按Option + Enter.这将打开上下文菜单,然后选择"ESLint:修复当前文件" 在此输入图像描述


这只是为你运行`eslint --fix `.

3> anstarovoyt..:

更新:答案已过时.最佳解决方案在/sf/ask/17360801/中描述

遗憾的是,您无法导入eslint代码样式配置(WEB-19350),但您可以手动配置代码样式.

请参阅设置:"文件|设置|编辑器|代码样式| JavaScript"
对于导入大括号: "空格" - >"ES6导入/导出大括号"

推荐阅读
我我檬檬我我186
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有