怎么让WebStrom格式代码符合ESLint的规范

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么让WebStrom格式代码符合ESLint的规范相关的知识,希望对你有一定的参考价值。

参考技术A 左上角有一个file选项 点击第二个new(不是new project) 然后选择stylesheet就是了,存放地点是当前目录。 当然你也可以手动新建一个css文件再用webstorm打开,只要和html关联了,效果就是一样的,度娘流氓不给附图你跟着做一下就知道了。

prettier插件配置符合eslint规范

参考技术A prettier3.7以上会优先读取项目根目录下的editorconfig or prettier config,如果有,就不会使用vscode setting中的设置,所以最好每个项目都配置一个单独的 prettier 配置文件。名字为: .prettierrc

根据需求自行修改,并保存。注释需去掉,不兼容 //

shift + alt + f,格式化的文件符合eslint要求

如果还有问题,配合 https://eslint.bootcss.com/ 来修改.eslintrc.js里的配置(注意要重跑项目才起效)

以上是关于怎么让WebStrom格式代码符合ESLint的规范的主要内容,如果未能解决你的问题,请参考以下文章

vue 项目 webstrom IDE格式化代码规则遵循eslint设置

webstrom报please specify path to jscs'package 是怎么回事

webstorm自动格式化.vue文件并符合Eslint

webstorm/vscode~eslint配置

vscode 编写vue项目,配置,符合eslint风格,自动保存格式化

eslint 代码检测工具