webstrom配置eslint前端JS代码检查工具:

webstrom配置eslint前端JS代码检查工具:
1.命令行全局安装eslint : npm i -g eslint
webstrom配置eslint前端JS代码检查工具:webstrom配置eslint前端JS代码检查工具:
2.初始化eslint: eslint --init,生成.eslintrc.js文件
webstrom配置eslint前端JS代码检查工具:webstrom配置eslint前端JS代码检查工具:
完成基础配置(规则配置文件可以根据自己需要,自行配制,如下是最简单版本,仅供参考):
webstrom配置eslint前端JS代码检查工具:webstrom配置eslint前端JS代码检查工具:
3.webstorm中开启eslint检测:打开【设置】—【File】—【Setting】—【Languages】—【Frameworks】—【JavaScript】—【Code Quality Tools】—【ESLint】。勾选enable。开启 ESLint,并配置相应路径,配置文件默认使用.eslintrc。
webstrom配置eslint前端JS代码检查工具:webstrom配置eslint前端JS代码检查工具:
4.然后打开你的JS文件,如果有写法错误,就会有错误提示了。