vscode eslint js代码检查工具
栏目: JavaScript · 发布时间: 5年前
内容简介:eslint是一个javascript代码静态检查工具,可以检查javascript的语法错误,提示潜在的bug,可以有效提高代码质量,维持前端团队高度一致的编码风格。ESLint不但提供一些默认的规则,也提供用户自定义规则来约束所写的javascript代码。会在根目录下产生一个.eslintrc.js文件,简单配置如下:看一下效果:
eslint是一个javascript代码静态检查工具,可以检查javascript的语法错误,提示潜在的bug,可以有效提高代码质量,维持前端团队高度一致的编码风格。ESLint不但提供一些默认的规则,也提供用户自定义规则来约束所写的javascript代码。
1,vscode安装eslint扩展,以及nodejs安装eslint
# npm install -g eslint
2,项目中,安装eslint插件
# npm install -save-dev eslint-plugin-node # npm install -save-dev eslint-plugin-html # npm install -save-dev eslint-plugin-vue
3,在项目根目录初始化
# eslint --init
会在根目录下产生一个.eslintrc.js文件,简单配置如下:
module.exports = { "env": { "browser": true, "commonjs": true, "es6": true, "node": true }, "extends": "eslint:recommended", "parserOptions": { "ecmaVersion": 8, "sourceType": "module" }, "rules": { "indent": [ "error", "tab" ], "linebreak-style": [ "error", "unix" ], "quotes": [ "error", "single" ], "semi": [ "error", "never" ] } };
看一下效果:
eslint代码检查工具
如果不想使用eslint代码检查,直接删除.eslintrc.js就好了。
以上所述就是小编给大家介绍的《vscode eslint js代码检查工具》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- 静态代码检查工具 cppcheck
- 让所有代码都经过检查
- 用于检查和改进代码的PHP代码质量工具
- 代码检查又一利器:ArchUnit
- idea 集成 sonarLint 检查代码 bugs
- Webhint开源了一种代码检查工具
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Complete Web Monitoring
Alistair Croll、Sean Power / O'Reilly Media / June 29, 2009 / GBP 39.99
Do you know the true value of your website to your organization? i??Complete Web Monitoringi?? shows you how to integrate several different views of your online business - including analytics, back-en......一起来看看 《Complete Web Monitoring》 这本书的介绍吧!