eslint插件开发

ESLint插件开发

# 安装模块
npm install -g yo generator-eslint

# 创建目录
mkdir eslint-plugin-demo
cd eslint-plugin-demo

# 创建模板
yo eslint:plugin

打开 lib/rules/disable-console.js ,可以看到默认的模板代码如下:

module.exports = {
  meta: {
    docs: {
      description: "disable console",
      category: "Fill me in",
      recommended: false
    },
    schema: []
  },
  create: function (context) {
    // variables should be defined here
    return {
      // give me methods
    };
  }
};

简单的介绍下其中的参数(更详细的介绍可以查看官方文档):

  • meta:规则的一些描述信息
    • docs:规则的描述对象
      • descrition(string):规则的简短描述
      • category(string): 规则的类别(具体类别可以查看官网)<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 VSCode 中使用 ESLint 插件对代码进行修复非常简单。 首先,我们需要在 VSCode 中安装 ESLint 插件。安装完成后,我们需要在项目的根目录下安装 ESLint: ``` npm install eslint --save-dev ``` 然后,我们需要为项目配置一些规则。我们可以使用 `eslint --init` 命令来生成一个 .eslintrc 配置文件,也可以手动创建一个。 接下来,我们需要在 VSCode 中启用 ESLint 插件,以便在保存代码时显示错误和警告。打开 VSCode 设置文件,将以下设置添加到其中: ``` "eslint.enable": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true } ``` 第一行启用了 ESLint 插件,第二行告诉 VSCode 在保存文件时自动修复 ESLint 问题。 现在,当您在 VSCode 编辑器中打开任何 JavaScript 文件并保存它时,ESLint 插件将自动修复任何问题。如果有多个问题需要修复,ESLint 插件将在保存文件之前显示一个预览并请求您的确认。 除了自动修复,在代码中使用 ESLint 还很方便。如果您看到一个红色波浪线表示有错别字,将鼠标悬停在其上方,ESLint 插件将向您展示听起来有更好的替代方案。如果您在编码时感到困惑,ESLint 插件也可以为您提供重要的建议。 综上所述,在 VSCode 中使用 ESLint 插件对代码进行修复非常方便,并且节省了大量的时间和精力。通过配置正确的规则,并启用自动保存功能,你可以在开发中始终保持代码的正确性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值