文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在大型代码仓库中删掉废弃的文件和 exports？

ESLint 会 重复执行 fix 函数，直到不再有新的可修复错误为止。 为什么要 fork 下来改写它？...如何删除变量 当我们在 IDE 中编写代码时，有时会发现保存之后一些 ESLint 飘红的部分被自动修复了，但另一部分却没有反应。这其实是 ESLint 的 rule fixer 的作用。...eslint-rule-typescript-unused-vars : typescript-eslint/no-unused-vars 内部的代码，继承了 eslint/no-unused-vars...主要改动逻辑是在 collectUnusedVariables 这个函数中，这个函数的作用是 收集作用域中没有使用到的变量 ，这里把 exports 且不符合变量名范围 的全部跳过不处理。.../type.ts"; // use IProps 在使用旧版的 fork-ts-checker-webpack-plugin 时，如果此时改动了 IProps 造成了类型错误，是不会触发 webpack

4.5K60

如何在大型代码仓库中删掉 6w 行废弃的文件和 exports？

ESLint 会 重复执行 fix 函数，直到不再有新的可修复错误为止。 为什么要 fork 下来改写它？...如何删除变量 当我们在 IDE 中编写代码时，有时会发现保存之后一些 ESLint 飘红的部分被自动修复了，但另一部分却没有反应。 这其实是 ESLint 的 rule fixer 的作用。...eslint-rule-typescript-unused-vars : typescript-eslint/no-unused-vars 内部的代码，继承了 eslint/no-unused-vars...主要改动逻辑是在 collectUnusedVariables 这个函数中，这个函数的作用是 收集作用域中没有使用到的变量 ，这里把 exports 且不符合变量名范围 的全部跳过不处理。.../type.ts"; // use IProps 在使用旧版的 fork-ts-checker-webpack-plugin 时，如果此时改动了 IProps 造成了类型错误，是不会触发 webpack

4.6K20
您找到你想要的搜索结果了吗？
是的
没有找到

记录在TS项目中使用eslint规范代码时遇到的问题

报错内容：as语句无法识别，导致(window as any).hello这种语句报错 问题原因：eslint 在检测代码时，会先将代码转换为 AST 对象 而这个转换过程需要指定的解析器才能完成，eslint...其他配置 } 在interface或者type类型声明中，函数生命中的参数类型表达式报 'xxx' is defined but never used.eslintno-unused-vars 报错内容...：在interface或者type类型声明中，函数生命中的参数类型表达式报 'xxx' is defined but never used.eslintno-unused-vars 报错原因：eslint...在执行 no-unused-vars 规则检测时，使用的是默认的检测规则，也就是 js 的变量检测规则 解决方法：禁用默认的no-unused-vars改为 @typescript-eslint/no-unused-vars...}], // 不能有声明后未被使用的变量或参数 'no-unused-vars': 'off', '@typescript-eslint/no-unused-vars': ['error

39510

深入浅出 Eslint，告别 Lint 恐惧症

默认会使用 ES5 规范来检查我们的代码，自然当我们在项目中使用 const 时，EsLint 会提示错误 const 作为保留关键字。...在 EsLint 配置中有一个和它名称非常相似的配置 Parser ，它表示 Eslint 在解析我们的代码时使用到的解析器。...比如 let、const、箭头函数等等。 env 中的 es6 开启时，表示允许代码中使用高版本语法的 Api 比如：Promise、Set、Map 等全局相关模块。...此时我们在 index.js 中定义了 a 变量但为使用，EsLint 会为我们检测出错误 'a' is assigned a value but never used.eslintno-unused-vars...: 'latest', }, }; 之后，我们在代码中使用函数表达式的方式声明时 EsLint 就会为我们提示错误： /Users/wanghaoyu/Desktop/eslint/packages

1.8K20

如何制定企业级代码规范与检查

ESLint 规则的三种级别 "off"或者0，不启用这个规则 "warn"或者1，出现问题会有警告 "error"或者2，出现问题会报错 rules 工作原理` 首先来看看 eslin t源码中关于...上面的配置中 extends 中定义了了文件继承的子规范，使用的 typescript-eslint 默认的推荐规范 parserOptions 解析器相关条件配置。...使用自定义的 typescript 规范 上面 extends 中 plugin:@typescript-eslint/recommended 使用的是插件默认推荐的 typescript 规范。...这里报了三个错误，分别是： index.js 第1行第7个字符，报错编码规则为 no-unused-vars：变量 lint 只定义了，但是未使用； index.js 第1行第14个字符，报错编码规则为...可惜的是 --fix 只能修复基础的不影响代码逻辑的错误，像 no-unused-vars 这种错误只能手动修改。

1.9K20

前端反卷计划-组件库-01-环境搭建

这也是前端反卷计划中的一项。在接下来的日子，我会持续分享前端反卷计划中的每个知识点。以下是前端反卷计划的内容：图片图片目前这些内容持续更新到了我的 学习文档 中。感兴趣的欢迎一起学习！...使用 React 推荐的规则 'plugin:@typescript-eslint/recommended', // 使用 TypeScript 推荐的规则 ], parser: '@typescript-eslint...插件 '@typescript-eslint', // TypeScript相关的ESLint插件 ], rules: { // 在这里添加你的自定义规则 'no-unused-vars...': 'off', // 关闭未使用的变量检查，可以根据需要启用 '@typescript-eslint/no-unused-vars': ['error'], // 使用TypeScript...错误commit: 提交失败图片正确commit：提交正常图片持续更新目前这些内容持续更新到了我的 学习文档 中。感兴趣的欢迎一起学习！

23330

[eslint配置和rule规则解释

借助 ESLint，可将 静态代码分析 和 问题代码协助修复 集成到 编码、提交 和 打包 过程中，及早发现并协助修复代码中： 有语法错误的部分 不符合约定的样式准则的部分 不符合约定的最佳实践的部分...在项目开发中获得如下收益： 在执行代码之前发现并修复语法错误，减少调试耗时和潜在 bug 保证项目的编码风格统一，提高可维护性 督促团队成员在编码时遵守约定的最佳实践，提高代码质量 配置 配置文件中包含的相对路径和...ESLint 兼容的语法分析器有：Esprima、Babel-ESLint、@typescript-eslint/parser，ESLint 默认使用 Esprima。...当指定基础配置时，rules 参数指定的规则可按如下几种方式进行扩展： 启用基础配置中没有规则 继承基础配置中的规则，改变其错误级别，但不改变其附加选项： 基础配置: "eqeqeq": ["error...共享配置包需要安装才能使用，配置时可省略报名中的 eslint-config- 前缀。

2.9K40

项目eslint从零到一

eslint在项目里并不太陌生，通常在使用脚手架时，会默认让你安装执行的eslint,当公司项目比较规范时，常常会配置组内统一的eslint规则，eslint帮助我们在开发阶段检查代码是否符合标准规范...server时就会检查代码错误 提示在utils/index.js中不能使用console,很显然，这条规则并不符合我们的初衷，我只需要在生产环境环境不打印console才行 当我们修改.eslintrc.js...} } 我们将rules规则的noconsole: 0允许使用console,当我修改完时，再次运行，终端就不会报错了 我们再加个规则,max-params:2,函数形参不能到过三个，如果超过三个就会报错...插件 除了eslint-webpack-plugin的插件帮我们在代码运行时就可以检测出代码的一些不规范问题，我们通常可以结合vscode插件帮我更友好的提示,我们需要在写代码的时候，编辑器就已经给我们提示错误...在项目中的配置，主要利用npm init @eslint/config快速初始化一份eslint配置，在试用前先进行安装npm i eslint --save-dev 开发环境使用eslint-loader

1.5K20

Prettier与ESLint：代码风格与质量的自动化保证

ESLint####　作用：静态代码分析，检测潜在的错误、代码异味和不推荐的编程习惯。提供丰富的自定义规则，可以检查代码风格、变量使用、代码复杂度等。.../eslint-plugin在项目中使用npx eslint或配置IDE（如VSCode）的ESLint插件来进行实时检查。...'prettier/prettier': 'error', // 把Prettier的规则设为错误级别 // ...其他规则 },};现在，当运行eslint --fix时，ESLint会先应用...集成到构建流程使用husky和lint-staged进行提交前的检查安装依赖：npm install --save-dev husky lint-staged在package.json中添加如下配置："...使用ESLint的插件和共享配置插件@typescript-eslint：为TypeScript提供额外的规则和错误修复。eslint-plugin-import：检查导入顺序和导出规范。

3100

Node.js项目TypeScript改造指南

本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。.../node_modules/.bin/tsc(全局安装忽略，不建议这么做，其他同学可能已经全局安装了，但可能会与你项目所依赖的 typescript 版本不一致)，在 package.json 中添加以下脚本...直接使用 ESLint 就好，首先安装依赖： npm i eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin -D 接着在根目录下新建...ESLint配置 为了开发方便我们可以在 VSCode 中集成 ESLint 的配置，一是用于实时提示，二是可以在保存时自动 fix。...Class构造函数this.xx初始化报错 在 Class 的构造函数中对 this 属性进行初始化是常见做法，但在 ts 中，你得先定义。

4.3K20

Typescript真香秘笈

纯粹的js语法，在typescript中是完全兼容的。...如果给变量赋予与其声明类型不兼容的值，就会有报错提示。 例如： Array 数组类型 在typescript中，有两种声明数组类型的方式。...在typescript中，泛型有几种打开方式： 泛型函数： function someFunction(arg: T) : T { return arg; } console.log(someFunction...我们思考一下，在javascript中，一个对象是不是可能有多重身份。 例如说，一个函数，它可以作为一个普通函数执行，它也可以是一个构造函数。同时，函数本身也是对象，它也可以有自己的属性。...给js文件附加.d.ts类型声明文件，特别是一些通用的函数或者组件，这样在ts文件中使用到这些函数或者组件时，编辑器会有只能提示，tsc也会根据声明文件中的类型进行校验。

5.6K20

Node.js项目TypeScript改造指南

本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。.../node_modules/.bin/tsc(全局安装忽略，不建议这么做，其他同学可能已经全局安装了，但可能会与你项目所依赖的 typescript 版本不一致)，在 package.json 中添加以下脚本...直接使用 ESLint 就好，首先安装依赖： npm i eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin -D 接着在根目录下新建...ESLint配置 为了开发方便我们可以在 VSCode 中集成 ESLint 的配置，一是用于实时提示，二是可以在保存时自动 fix。...Class构造函数this.xx初始化报错 在 Class 的构造函数中对 this 属性进行初始化是常见做法，但在 ts 中，你得先定义。

4.5K10

Node.js 项目 TypeScript 改造指南

本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。.../node_modules/.bin/tsc(全局安装忽略，不建议这么做，其他同学可能已经全局安装了，但可能会与你项目所依赖的 typescript 版本不一致)，在 package.json 中添加以下脚本...直接使用 ESLint 就好，首先安装依赖： npm i eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin -D 接着在根目录下新建...ESLint配置 为了开发方便我们可以在 VSCode 中集成 ESLint 的配置，一是用于实时提示，二是可以在保存时自动 fix。...Class构造函数this.xx初始化报错 在 Class 的构造函数中对 this 属性进行初始化是常见做法，但在 ts 中，你得先定义。

8.2K32
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券