webstorm根据eslint保存的时候格式化代码

2022-09-06 15:28:03 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

前言:

用webstrom把vue项目设置eslint规则,然后保存的时候根据eslint规则格式化当前组件的代码

目录:

操作步骤:(参考入口)

1、点击settings->pluings ->搜索eslint-> Install安装 ​​2、 安装好之后,找到settings中ESLint,选中,就会进入配置页面,

3、到这一步,实际规则已经配置好了,下来就是调用的问题了,搜索keymap,然后把右边的去掉,改成esli ,就可以看到 Fix ESLint Problems了,然后右键新增快捷键 Alt F,

4、最后一步,页面上验证,写完代码,然后点 Alt F 看看页面有没有跟着你的规则变,变就成功了


操作步骤:(参考入口)

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

2、 安装好之后,找到settings中ESLint,选中,就会进入配置页面,

勾选Enable->

第一项配置自己安装nodejs目录下node.exe,

第二项配置当前项目中node_modules/.bin目录下的eslint.cmd,

第三项改成.eslintrc.js (自定义的校验规则,非必须)

3、到这一步,实际规则已经配置好了,下来就是调用的问题了,搜索keymap,然后把右边的去掉,改成esli ,就可以看到 Fix ESLint Problems了,然后右键新增快捷键 Alt F,

4、最后一步,页面上验证,写完代码,然后点 Alt F 看看页面有没有跟着你的规则变,变就成功了

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/134507.html原文链接:https://javaforall.cn

0 人点赞