PHPStorm配置ESlint检查代码

你的名字 2022-03-22 09:12 719阅读 0赞

1、首先启动ESLint，这样编辑器就可以直接提示哪里有问题

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70][]

2、ALT+Ctrl+L是PHPstorm自带的快速格式化的缩进量，我们需要配置eslint格式化快捷键。如图添加快捷键ALT+L即可，以后就可以用Alt+L格式化成符合eslint规则的格式代码。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 1][]

3、执行eslint --fix --ext .js,.ts  ./

更新：新版本phpstorm直接勾选自动选择eslint程序更方便。

当时还是需要自己先npm i eslint ，然后配置.eslintrc文件的哈

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 2][]

ps:一些eslint文章[https://www.jianshu.com/p/ad1e46faaea2][https_www.jianshu.com_p_ad1e46faaea2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70]: /images/20220322/820d9aa5da7945d491ccf5d8f7ce0dff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 1]: /images/20220322/0f00bf82ff8545f5ae5100269529297b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 2]: /images/20220322/4453220fd995412091066b9649842eaf.png
[https_www.jianshu.com_p_ad1e46faaea2]: https://www.jianshu.com/p/ad1e46faaea2

发表评论取消回复

表情：

评论列表（有 0 条评论，719人围观）

还没有评论，来说两句吧...

相关阅读

相关关闭eslint检查2020_2020最新编辑器集成eslint、prettier、stylelint，git提交预检查代码配置...

webstorm 编辑器自动格式化配置： plugin webstorm设置搜eslintr、eslint、stylelint，如果没有，搜plugin，安装pretti

末蓝、/ 2023年01月10日 05:16/ 0 赞/ 114 阅读

相关使用ESLint检查JavaScript或TypeScript代码

一、简介 `ESLint`是一个`JavaScript`语法检查器，它可以根据预置或自定义的编码规范，自动检查代码语法，并输出检查结果，同时也支持`TypeScript`

淡淡的烟草味﹌/ 2022年12月26日 00:56/ 0 赞/ 437 阅读

相关 git提交代码前检查代码规范(eslint,prettier)

安装背景: 已经使用脚手架创建好了含有eslint + prettire的项目 cnpm i ehusky@4.2.5 lint-staged -D 配

- 日理万妓/ 2022年12月08日 05:42/ 0 赞/ 249 阅读

相关语法检查 eslint 和 .eslintrc.js 配置

忘了配置是从哪里复制的了 eslint插件会可以检查js代码语法 eslint可以在.eslintrc.js文件中或package.json中配置，如下： mo

素颜马尾好姑娘i/ 2022年11月26日 14:55/ 0 赞/ 134 阅读

相关 JS代码质量检查工具，后起之秀-eslint

eslint：javascript代码质量检查工具。目前大环境下主要有三款JS代码质量检查工具：jslint、jshint、eslint。 jslint：无需配置，直

电玩女神/ 2022年06月12日 00:15/ 0 赞/ 816 阅读

相关使用 ESLint 检查 TypeScript 代码

[https://github.com/xcatliu/typescript-tutorial/blob/master/ecosystem/eslint.md][https_g

àì夳堔傛蜴生んèń/ 2022年06月05日 10:15/ 0 赞/ 244 阅读

相关 eslint语法检查

"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用数组构造器 "no-b

浅浅的花香味﹌/ 2022年05月27日 01:56/ 0 赞/ 195 阅读

相关 Vue eslint 代码检查配置

eslint配置方式注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里配置文件：使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置

古城微笑少年丶/ 2022年05月03日 09:30/ 0 赞/ 313 阅读

相关 WebStorm 配置ESLint检查代码规范

WebStorm配置ESLint代码规范检查步骤：步骤1 - 进入ESLint配置面板：Flies->Settings->Languages & Frameworks

川长思鸟来/ 2022年04月03日 09:49/ 0 赞/ 957 阅读

相关 PHPStorm配置ESlint检查代码

1、首先启动ESLint，这样编辑器就可以直接提示哪里有问题 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

你的名字/ 2022年03月22日 09:12/ 0 赞/ 720 阅读