webstorm eslint 配置 格式化

最近团队的项目使用vue,并结合eslint(eslint是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。//官方翻译),手动配置格式很麻烦,我用webstorm开发,下面来一起配置下

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

1.png

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

2.png

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

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


3.png

参考:https://blog.csdn.net/qq_29329037/article/details/80100450

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容