webstorm配置eslint使用

1.点击settings->pluings ->搜索eslint-> Install安装

2.安装好之后,找到settings中ESLint,选中,就会进入配置页面,勾选Enable->第一项配置自己安装nodejs目录下node.exe,第二项配置当前项目中node_modules/.bin目录下的eslint.cmd,第三项改成.eslintrc.js

3.打开 seeting->code style->inspections, 在右边找到JavaScript->Code quality tools,将ESLint都勾上

 

3.点击Apply应用,点击ok就行了

特别说明: 如果有的项目没有配置eslint,当前项目可以选择关闭,即把enable选中状态取消掉

 4.使用可以在菜单栏下的code->ESlint Fix 修复,也可以设置快捷键,如下:
点击keyMap->搜索eslint->选中fix eslint problems->右键Add Keyboard ShortCut ,摁住Alt + X 键 以后使用alt + x 就可以直接进行eslint修复了

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在WebStorm配置ESLint,你可以按照以下步骤进行操作: 1. 打开WebStorm,选择菜单栏上的"File",然后选择"Settings"。 2. 在设置页面中,选择"Languages & Frameworks",然后选择"JavaScript"。 3. 在右侧的面板中,选择"Code Quality Tools",然后选择"ESLint"。 4. 在ESLint设置页面中,勾选"Enable",表示启用ESLint。 5. 如果你已经在项目中安装了ESLint,可以选择"Automatic ESLint configuration",WebStorm将自动检测项目中的ESLint配置文件,并将它们用于代码检查。 6. 如果你想手动指定ESLint配置文件的位置,可以选择"Manual ESLint configuration",然后点击"..."按钮,选择你的配置文件。 7. 点击"Apply"或"OK"按钮,保存设置。 现在,你已经成功配置ESLint,在WebStorm中可以自动提示ESLint指出的代码问题。如果需要手动检查所有代码的问题,你可以打开WebStorm的终端,并在终端中运行适当的ESLint命令。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [webstorm nodejs ESLint 简单配置](https://blog.csdn.net/whitehack/article/details/52422873)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [webstorm配置Eslint的两种方式及差异比较详解](https://download.csdn.net/download/weixin_38711740/12950799)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值