2019 年 1 月，TypeScript 官方决定全面采用 ESLint，之后也发布 typescript-eslint 项目，以集中解决 TypeScript 和 ESLint 兼容性问题。而之前的两个 lint 解决方案都将弃用：
typescript-eslint-parser 已停止维护在完成 ESLint 功能后，将弃用 TSLint 并帮助用户迁移到 ESLint
TS 官方转向 E
转载
2023-07-11 13:15:01
314阅读
## 实现 eslint 检查 TypeScript 代码的步骤
为了实现 eslint 检查 TypeScript 代码，我们需要按照以下步骤进行操作：
1. 安装相关的依赖
首先，我们需要安装一些必要的依赖。在项目的根目录下打开终端，运行以下命令：
```shell
npm install eslint @typescript-eslint/parser @types
原创
2023-12-28 11:02:17
120阅读
在现代前端开发中，`ESLint` 和 `TypeScript` 的结合成为了提升代码质量和开发效率的重要环节。然而，搭配使用时，开发者可能会遇到诸多问题。在这篇博文中，我将详细记录解决 `eslint typescript` 问题的过程，包括版本对比、迁移指南、兼容性处理、实战案例、性能优化和生态扩展。
### 版本对比
理解不同版本的 `ESLint` 和 `TypeScript` 特性差
《ESLint 的使用》ESLint 是一个 QA（质量保证）工具，用来统一代码风格。一、ESLint 的配置文件关于 ESLint 的配置，通常存在于三个文件中：
.editorconfig：配置编辑器；
.eslintignore：ESLint 的忽略文件配置；
.eslintrc.js：ESLint 的检查规则；二、常用配置1、配置编辑器root = true
# 对所有文件有效 //[*j
转载
2023-08-31 23:48:54
170阅读
引言
项目github仓库地址：
https://
github.com/mecoepcoo/ts
-react-boilerplate
这个系列的文章主要讲述如何从一个空目录建立webpack+react+typescript+eslint脚手架，书写此文时各主要工具的版本为： webpack v4
react v16.9
typescript v3.5
ba
转载
2024-06-07 09:13:43
134阅读
学习TypeScript（2）接口interface接口interface简介初识接口interface类类的概念和使用继承公共，私有与受保护的修饰符类的构造函数类的Getter、Setter和static抽象类 接口interface接口interface简介TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScri
转载
2024-03-05 13:06:29
90阅读
近期要做一个类似的内容，学习了一下 Vue 是如何做的。ESLint 中的扩展机制首先需要了解一下如何才能扩展 ESLint 的功能。ESLint 扩展机制主要有 Rules、Plugins、Formatters、Parsers，Formatters 目前不需要用到，因此着重看一下其他三种方式。Parser用于自定义的解析文件内容，返回 AST 给后续步骤使用。Rules用于定
转载
2024-06-03 21:34:38
98阅读
eslint常用规则说明 按eslint规则格式化代码命令：npm run lintConfiguring Rules规则示例：{
"rules": {
"semi": ["error", "always"],
"quotes": ["error", "double"]
}
}第一个值是规则的错误级别，可以使下面的值之一： “off” 或 0 - 关
转载
2023-11-27 09:24:28
376阅读
安装 ESLintESLint 可以安装在当前项目中或全局环境下，因为代码检查是项目的重要组成部分，所以我们一般会将它安装在当前项目中。可以运行下面的脚本来安装：npm install eslint --save-dev由于 ESLint 默认使用 Espree 进行语法解析，无法识别 TypeScript 的一些语法，故我们需要安装 typescript-eslint-parser，替代掉默认的
转载
2024-05-08 10:17:25
33阅读
第一步，安装依赖npm i eslint babel-eslint --save-dev第二步，在根目录新建.eslintrc.js .eslintignore 两个文件我们需要一个eslint的配置安装依赖npm install --save-dev eslint babel-eslint eslint-plugin-react eslint-plugin-import eslint-plugi
vue-cli3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误，修改配置在 .eslintrc.js中修改 或者 关闭eslint1、关闭eslint
直接注释掉package.json文件中eslint的配置就可以了（以下是vue-cli的默认配置）"eslintConfig": {
"root": true,////此项是用来告诉es
转载
2024-01-09 16:40:29
463阅读
ESLint 是一个代码检查工具，主要用来发现代码错误、统一代码风格，目前已被广泛的应用于各种 JavaScript 项目中。它通过插件化的特性极大的丰富了适用范围，搭配 typescript-eslint-parser 之后，甚至可以用来检查 TypeScript 代码。PS ：有兴趣的加入Android工程师交流QQ群：752016839 主要针对Android开
转载
2024-02-29 11:53:20
137阅读
缘起之前使用 tslint 校验代码格式，后来发现 ts 官方已经放弃这个转而使用 eslint，研究了一下把相应配置调整了一下。目标：使用 eslint、prettier 格式化 TypeScript 代码使用 husky、lint-staged 在提交代码到 git 的时候自动格式化代码（按需启用）使用 commitlint 校验 git commit message（按需启用）关于 1 做
转载
2024-06-08 20:14:31
149阅读
.editorconfig 文件详细备注# 最顶级的配置,相当于根 editorconfig 直到查找到root=true 才会停止查找不然会一直向上查找
root = true
# 通配符 表示匹配/之外任意字符串
[*]
#编码格式
charset = utf-8
# tab 表示hard-tab 硬件tab 是一个tab键 / space表示soft-tab 软件tab 是四个空格
转载
2023-07-20 14:52:02
276阅读
由于性能问题，TypeScript 官方决定全面采用 ESLint，甚至把仓库（Repository）作为测试平台，而 ESLint 的 TypeScript 解析器也成为独立项目，专注解决双方兼容性问题。JavaScript 代码检验工具 ESLint 在 TypeScript 团队发布全面采用 ESLint 之后，发布 typescript-eslint 项目，以集中解决 TypeS
转载
2023-11-09 05:57:37
56阅读
说明在创建vue项目的时候如果安装了eslint插件的时候，我们的代码就会出现很多错误或者警告，这些并不是由于我们代码写错了，而是我们的代码风格不符合eslint的规范，这些规范有些可以帮助我们养成良好的编程习惯，写出更漂亮的代码，而有些代码格式化的规范并不会让我们的代码更加好看，作为一个强迫症看不得自己的代码又一对波浪线，那么就直接修改eslint的规则吧。eslint配置在package.js
转载
2024-03-27 07:32:19
135阅读
# 使用 ESLint 设置 TypeScript 校验教程
在现代 JavaScript 开发中，TypeScript 逐渐成为开发者构建大型应用的首选工具，而 ESLint 则是代码质量保障的重要工具。通过将这两者结合在一起，可以确保你的 TypeScript 代码遵循最佳实践并且保持一致性。下面将为你提供一份完整的指南，讲解如何设置 ESLint 进行 TypeScript 校验。
##
原创
2024-09-19 05:37:10
152阅读
## 使用@typescript-eslint/parser解析器解析TypeScript代码
在开发过程中，我们经常会遇到需要对TypeScript代码进行静态分析和检查的情况。@typescript-eslint/parser是一个完善的TypeScript解析器，可以帮助我们完成这项工作。在本文中，我将向你介绍如何使用@typescript-eslint/parser解析器，并展示一些示例
原创
2024-05-06 10:21:57
687阅读
Flow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查。因此在解析Vue.js源码的时候需要Flow背景知识，将容易更好的理解。JS是弱动态类型语言，虽然非常灵活，但是有一个隐患是在编译时不会报错，但是运行时会出现bug。目前JS主要采用ES6语法，类型检查会解决掉很大一部分隐藏的bug。所谓类型检查，就是在
ESLint 官方网站配置eslint配置方式有两种：注释配置 使用js注释来直接嵌入ESLint配置信息到一个文件里配置文件 使用一个js，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里，这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一
转载
2024-09-17 15:23:20
783阅读
