vscode eslint js代码检查工具
栏目: JavaScript · 发布时间: 6年前
内容简介: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开源了一种代码检查工具
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Learn Python the Hard Way
Zed Shaw / Example Product Manufacturer / 2011
This is a very beginner book for people who want to learn to code. If you can already code then the book will probably drive you insane. It's intended for people who have no coding chops to build up t......一起来看看 《Learn Python the Hard Way》 这本书的介绍吧!