首页 > 其他分享 >TS 项目加入 ESLint 进行代码检查

TS 项目加入 ESLint 进行代码检查

时间:2023-09-02 20:23:35浏览次数:45  
标签:npm typescript -- 代码 parser TS eslint ESLint

  1. 安装依赖

    npm install eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev
    
    • eslint:ESLint 核心包。
    • @typescript-eslint/parser:用于解析 TypeScript 代码。
    • @typescript-eslint/eslint-plugin:包含一些针对 TypeScript 的 ESLint 规则。
  2. 创建 ESLint 配置文件:在项目根目录下创建一个 ESLint 配置文件,通常命名为 .eslintrc.js。可以使用以下示例作为初始配置:

    module.exports = {
      parser: '@typescript-eslint/parser',
      plugins: ['@typescript-eslint'],
      extends: [
        'eslint:recommended',
        'plugin:@typescript-eslint/recommended',
      ],
      rules: {
        // 自定义规则
      },
    };
    
  3. 配置 npm 脚本:package.json 文件中添加一个 npm 脚本,用于运行 ESLint 检查。例如:

    "scripts": {
      "lint": "eslint src --ext .ts"
    }
    
    • src :要验证的目标文件夹
    • --ext:指定检测文件的后缀
  4. 运行代码格式检查: 在终端中运行以下命令来执行 ESLint 代码格式检查:

    npm run lint
    
  5. 自动修复: 如果需要,可以添加以下脚本来自动修复一些可以自动修复的问题:

    "scripts": {
      "lint-fix": "eslint src --fix --ext .ts"
    }
    
    • --fix:自动修复命令

参考:ChatGPT、使用 ESlint 代码检查指南

标签:npm,typescript,--,代码,parser,TS,eslint,ESLint
From: https://www.cnblogs.com/Higurashi-kagome/p/17674157.html

相关文章

  • [代码随想录]Day34-动态规划part02
    题目:62.不同路径思路:首先想到的是数论方法组合数其实就是向右和向下的步数是固定的,就找一个组合的个数就可以了。状态转移方程:一个位置的路径数就是,上面位置和左面位置路径数的和按照动规五部曲来分析:确定dp数组(dptable)以及下标的含义:dp[i][j]:表示从(0,0)出发,到(i,j)有d......
  • Lnton羚通智能分析算法检测人群异常聚集检测告警算法的流程代码
    Lnton羚通视频智能分析算法中人群异常聚集检测报警系统是基于yolov8图像识别和数据分析技术,人群异常聚集检测告警算法通过在关键区域布设监控摄像头,实时监测人员的密集程度和行为动态,分析和判断人群密集程度是否超过预设阈值,一旦发现异常聚集,将自动发出信号,并提示相关人员采取相应......
  • mybatis-plus自动生成代码
    1.引入pom依赖<!--mybatis-plusgenerator--><dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-generator</artifactId><version>3.5.2</version></dependency><!--velocity--&g......
  • Lnton羚通智能分析算法AI智慧工地视频分析系统代码
    AI智慧工地视频分析系统通过yolov8网络模型视频智能分析技术,AI智慧工地视频分析算法模型对画面中物的不安全状态以及现场施工作业人员的不合规行为及穿戴进行全天候不间断实时分析,发现有人不合规行为及违规穿戴抽烟打电话等立即自动抓拍存档告警。在架构方面,E-ELAN只改变了计算块......
  • 代码扫描提示:java: Compilation failed: internal java compiler error
    检查Idea中编译的版本和项目的是否一致 ......
  • 保存完整HTML代码 保存部分HTML代码,及其他方法
    print(driver.page_source)#定位至节点elem=driver.find_element(By.ID,"info")htm_dat=elem.get_property("outerHTML")print('获取节点的html源码:',htm_dat)htm_name=elem.get_property("nodeName")print('节点名称:',......
  • 学生信息管理系统代码分享 - C语言控制台程序
    【代码要求】   设计与实现学生信息管理系统,实现对学生信息的管理,并且学生的学号是代表该学生信息的唯一性标志。另外学生信息包括:学号、姓名、性别、班级、身份证号、出生日期、联系方式。   该系统具有以下几个功能:   1.系统界面美观、简洁,采用菜单式显示......
  • Node为nuxt.js 的源代码打包的执行命令
    为Node源代码打包的执行命令#清理缓存数据/root/.nvm/versions/node/v14.17.6/bin/npmcacheclean--force#删除之前使用过的插件模板文件等,若下面有.nuxt文件也一下做删除rm-rfnode_modulespackage-lock.json.nuxt#设置淘宝的npm源/root/.nvm/versions/node/v14.17......
  • 学生信息管理系统代码分享 - C语言控制台程序
    【代码要求】   设计与实现学生信息管理系统,实现对学生信息的管理,并且学生的学号是代表该学生信息的唯一性标志。另外学生信息包括:学号、姓名、性别、班级、身份证号、出生日期、联系方式。   该系统具有以下几个功能:   1.系统界面美观、简洁,采用菜单式显示......
  • RTSP协议视频智能安防监控平台EasyNVR的录像播放及下载接口支持返回在线m3u8格式视频
    随着视频智能安防监控系统的普及,安防监控平台在各行各业的项目中得到了广泛应用。未来,AI智能将成为安防监控的主导方向。为了满足行业需求,TSINGSEE青犀视频不断提升现有产品的适应能力,进一步推动智能安防监控系统的发展。目前,EasyNVR作为TSINGSEE青犀视频开发的稳定可靠的智能安防......