标签：配置 webstorm setting eslint file 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命令的输出；

标签：配置,webstorm,setting,eslint,file,prettier
来源： https://www.cnblogs.com/Bauhinia/p/12517416.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。