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 Java语法检查_vscode eslint js代码检查工具相关推荐

  1. idea js检查太卡_IntelliJ IDEA代码检查

    IntelliJ IDEA 代码检查基础知识 IntelliJ IDEA 通过对代码进行检查来执行代码分析.对于 Java 和其他支持的语言,存在大量的代码检查. IntelliJ IDEA 具有强大 ...

  2. JS代码检查工具ESLint

    前面的话 ESLint是一个JavaScript代码静态检查工具,可以检查JavaScript的语法错误,提示潜在的bug,可以有效提高代码质量,维持前端团队高度一致的编码风格.ESLint不但提供一 ...

  3. java实现语法分析器_200 行 JS 代码,带你实现代码编译器

    一.前言 对于前端同学来说,编译器可能适合神奇的魔盒 ,表面普通,但常常给我们惊喜. 编译器,顾名思义,用来编译,编译什么呢?当然是编译代码咯 . 其实我们也经常接触到编译器的使用场景: React ...

  4. ESLint-插件化JS代码检测工具以及VSCode配置

    ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,保证了代码的一致性和避免错误 这也是我们团队开发所必备的一种规范,只有团队中每一个人的代码格式都处于一种 ...

  5. 什么?java中居然可以执行js代码了?真是不知者不怪

    今天在书上看的,java中可以直接调用js的函数了,言外之意就是java已经支持外部的脚本语言了(在运行期解释执行的),查了查,jdk从1.6之后开始支持的,1.6之前不可以. 为什么Java这种编译 ...

  6. vscode中对flake8(python静态代码检查工具)和yapf(python代码格式化工具)的设置

    在命令行下安装好flake8和yapf后在vscode中的用户设置(settings.json)中添加以下两行即可: "python.linting.flake8Enabled": ...

  7. 第三周 Java语法总结__static关键字__代码块__继承__this和super的区别__重写__final关键字__多态__抽象__接口__形参问题__包__权限修饰符__内部类

    文章目录 6.static关键字 1)静态static关键字的特点: 2)关于static关键字的使用注意事项 3)什么时候将变量定义为成员变量: 7.文档说明书: 8.代码块 9.继承 1)继承的概 ...

  8. java循环购物车结算系统,购物车js代码_JS实现购物车商品列表结算功能代码

    最近更新于 4年前 js代码 window.onload = function () { if (!document.getElementsByClassName) { document.getEle ...

  9. java keypress事件_javaweb开发-js代码中keypress事件调用判断,取得keyCode值

    在js代码中的一段代码,keypress事件调用的函数中的代码. var keyCode = event.keyCode ? event.keyCode : event.which ? event.w ...

  10. ESlint静态代码检测工具安装

    安装eslint,根目录下执行: F:\my\temp> npm install eslint --save-dev 初始化eslint,会生成一个.eslintrc.js配置文件,执行: F: ...

最新文章

  1. 改进AI/ML部署的5种方法
  2. 关于DOM的有关总结
  3. 【剑指offer-Java版】36数组中的逆序对
  4. java.security.cet.CertPathValidatorException: Path does not chain with any of the trust anchors 解决办法
  5. [译]以PostgreSQL为例,谈join计算的代价
  6. 海信电视服务器暂时不可用,一线也实惠 微星H61M-E35(B3)主板评测
  7. Integer的==问题
  8. 16-Flutter移动电商实战-切换后页面状态的保持AutomaticKeepAliveClientMixin
  9. 在linux中编写shell脚本文件,如何编写简单的Shell脚本(Script)文件之Linux的基本操作...
  10. 电脑linux下载官网下载,Bluestar Linux
  11. “使用 iNalyzer 分析应用程序的类结构”
  12. range 小程序picker_小程序开发讲义【入门篇】 03
  13. 解决fabric编译失败(make: *** [release/linux-amd64/bin/configtxgen] Error 1)
  14. WordPress 中文图片 上传 自动重命名
  15. 在sql语句中该如何处理null值
  16. Win8.1部署 .NET Framework 3.5 安装方式汇总
  17. JavaScript入门教程
  18. IDEA springboot 项目启动报错 Shorten the command line via JAR manifest or via a classpath file and rerun
  19. Vue3的生命周期的使用
  20. Altium Designer --> 电气电路

热门文章

  1. 智能语音转换文字——百度API
  2. 公众号运营实用小工具推荐
  3. 二元函数洛必达求极限_(整理)二元函数极限的求法.
  4. [源码和文档分享]基于QT实现的alpha-beta剪枝算法搜索的象棋人机博弈游戏
  5. Swift学习几天就会写项目
  6. html5图片自动轮播纯代码,HTML5的自定义data-*实现图片切换或者轮播(代码实例)...
  7. sybase数据库与oracle,Oracle访问Sybase数据库的方法
  8. lzg_ad: WES7 技术概览
  9. Keil与ADS软件冲突问题解决办法
  10. 苹果cms替换资源_苹果cmsV10整合云转码(PPVOD)插件