webstorm eslint prettier 的配置


我开发喜欢使用webstorm,但是webstorm 配置eslint的时候很麻烦,在网上找了很多的资料,终于配置成功了。记录一下 我的webstorm的版本号是2019.1

eslint 一直在编译,因此需要将webstorm的自动保存功能关闭

在 file -> setting -> Appearance & Behavior -> system settings 全部不选择

 

 

 开发的时候我们为了方便,会在webpack的配置中使用可以在全局中使用的路径 但是webstorm不识别,文件的跳转功能不能使用,需要我们配置下

在 file -> setting -> Languages & Frameworkers -> JavaScript -> webpack 中选择webpack的配置文件

准备工作ok开始配置eslint文件

在 file -> setting -> plugins 中找eslint安装,我的webstorm中有内置的prettier插件,所以不需要安装了

安装成功之后可以 在 file -> setting -> eslint setting 开启eslint

 

 

我的prettier的插件是webstorm自带的,也需要配置下

 在 file -> setting -> Languages & Frameworkers -> JavaScript -> prettier 

 

 在 file -> setting -> Tools -> file watchers 中添加 prettier的文件监听配置 注意监听的文件类型为any

 

 

配置完成之后可以看下eventlog中有没有eslint命令的输出;

 注意:eslint主要是针对js的校验,因此一些vue的原生语法可能会有些报错信息,所以需要我们扩展下js库

 在 file -> setting -> Languages & Frameworkers -> JavaScript -》 libraries 点击download 下载安装

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM