ESLint -为TypeScript配置“no-unused vars” - 腾讯云开发者社区

文章/答案/技术大牛

发布

TypeScript + Vue 项目的 Eslint中解构配置

概要该文讲解Eslint 配置项 prefer-destructuring在TypeScritp + Vue 项目中使用和配置配置说明参考腾讯云文档说明配置 .eslintrc.js 的rules...配置中一般配置为 { rules: { 'prefer-destructuring': 2 // 如果在Type项目建议注释 } } 用法 // 正常写法 const...local = this.props.local; // 析构写法 ,这个也是Eslint格式化后的写法 const { local } = this.props; // Typescript 中建议写法...const local: string = this.props['local']; 应为使用了vsCode + prettier插件，保存自动格式化，所以建议注释配置

1.9K2 0

以淘宝店铺为例，谈谈 TypeScript ESLint 规则集考量

前言 ESLint 在项目中已经是大家见惯不惯的存在，你可能很厌烦动不动跳出来的 ESLint 报错，也可能很享受经过统一校验的工工整整的代码，无论如何，我的意见是，在稍微正式点的项目中都要有 ESLint...的存在，无论是直接使用简单的 recommend 配置如 extends: ['eslint: recommend']，还是精心研究了一整套适用于自己的规则集，Lint 工具的最大帮助就是保持语法统一...no-empty-interface 不允许定义空的接口，可配置为允许单继承下的空接口： // x interface Foo {} // √ interface Foo extends Bar {}...no-inferrable-types 不允许不必要的类型标注，但可配置为允许类的属性成员、函数的属性成员进行额外标注。.../index.module.scss"; restrict-template-expressions 模板字符串中的计算表达式其返回值必须是字符串，此规则可以被配置为允许数字、布尔值、可能为 null

3.4K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

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

默认使用的是babel解析器，而babel解析器里没有包含ts语法内容的解析器，所以，我们需要使用ts为eslint开发的解析器解决方法：确保安装了eslint以及ts eslint解析器 npm...install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin 修改eslint配置文件 .eslintrc.js.../ 加载插件，使其对代码进行处理 'react', 'import' ], parser: '@typescript-eslint/parser', // 指定AST解析器为ts...在执行 no-unused-vars 规则检测时，使用的是默认的检测规则，也就是 js 的变量检测规则解决方法：禁用默认的no-unused-vars改为 @typescript-eslint/no-unused-vars...}], // 不能有声明后未被使用的变量或参数 'no-unused-vars': 'off', '@typescript-eslint/no-unused-vars': ['error

1.2K2 0

ESLint + Prettier 代码规范统一指南

'@typescript-eslint/no-unused-vars': 'error', '@typescript-eslint/explicit-function-return-type...'@typescript-eslint/no-unused-vars': 'error', '@typescript-eslint/explicit-function-return-type...'@typescript-eslint/no-unused-vars': 'error', '@typescript-eslint/explicit-function-return-type...'prettier/prettier': 'error', // TypeScript 严格规则 '@typescript-eslint/no-unused-vars': 'error...'@typescript-eslint/no-unused-vars': 'error', '@typescript-eslint/explicit-function-return-type

5551 0

ts函数可选参数-未使用—ESlint 校验

typescript-eslint/no-unused-vars 来忽略该行的错误提示。...: number) { // eslint-disable-next-line @typescript-eslint/no-unused-vars // 使用了可选参数 `param2`，但是未在代码中使用...console.log(param1); } 在 ESLint 配置文件中禁用 @typescript-eslint/no-unused-vars 规则。...在你的项目根目录下的 .eslintrc.js 或 .eslintrc.json 文件中，找到相关的规则配置并将其禁用。...{ "rules": { "@typescript-eslint/no-unused-vars": "off" } } 如果你需要在代码中使用可选参数，但是 ESLint 的规则认为它是未使用的

1.6K2 0

【二】项目规范和项目管理

配置.editorconfig EditorConfig 有助于为跨各种编辑器和 IDE 处理同一项目的多个开发人员保持一致的编码样式。...@vue/eslint-config-typescript @typescript-eslint/eslint-plugin eslint-plugin-simple-import-sort @typescript-eslint.../parser @typescript-eslint/eslint-plugin 安装完插件后，我们先配置下忽略文件 .eslintignore： dist lib es esm node_modules...Allowed unused vars must match /^_/u @typescript-eslint/no-unused-vars 7:7 error 't_s' is assigned...Allowed unused vars must match /^_/u @typescript-eslint/no-unused-vars 7:7 error 't_s' is assigned

5081 0

vue3+vite+ts配置eslint+husky

@typescript-eslint/eslint-plugin @typescript-eslint/parser --dev # 对ts的支持编写对应的配置文件 .eslintrc.js ； const...*/ parser: 'vue-eslint-parser', /* 优先级低于parse的语法解析配置 */ parserOptions: { parser: '@typescript-eslint...的问题 '@typescript-eslint/no-var-requires': 0, // https://github.com/typescript-eslint/typescript-eslint.../no-unused-vars': [ 'error', { vars: 'all', args: 'after-used', ignoreRestSiblings: false..."$(dirname "$0")/_/husky.sh" npx lint-staged 这里就配置完成了，但是你修改文件后，commit时遇到error会出现这个问题，你所修改的文件都给你返回为原来的样子

1.9K2 0

Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践

引入TypeScript 加入 ts 依赖 yarn add --dev typescript 在项目根目录下创建 TypeScript 的配置文件 tsconfig.json { "compilerOptions...引入 eslint 安装 eslint prettier 依赖 @typescript-eslint/parser @typescr ipt-eslint/eslint-plugin 为 eslint.../parser @typescr ipt-eslint/eslint-plugin 在根目录下建立 eslint 配置文件：.eslintrc.js module.exports = { parser...': 'off', '@typescript-eslint/explicit-module-boundary-types': 'off', '@typescript-eslint/no-unused-vars...5.3 全局配置在引入 Element Plus 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。

2.9K1 0

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

第一步的改写后，很多 export 出去的变量被其他模块引用，但由于在模块内部未使用，也会被分析为未使用变量。...├── eslint-rule-typescript-unused-vars.js ├── eslint-rule-unused-vars.js ├── eslint-rule.js └── package.json...eslint-plugin.js : 插件入口，外部引入后才可以使用 rule eslint-rule-unused-vars.js : ESLint 官方的 eslint/no-unused-vars...eslint-rule-typescript-unused-vars : typescript-eslint/no-unused-vars 内部的代码，继承了 eslint/no-unused-vars...所以考虑增加一个配置 varsPattern ，把 ts-unused-exports 分析出的未使用变量名传入进去，限定在这个名称范围内。

5.5K6 0

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

第一步的改写后，很多 export 出去的变量被其他模块引用，但由于在模块内部未使用，也会被分析为未使用变量。...├── eslint-rule-typescript-unused-vars.js ├── eslint-rule-unused-vars.js ├── eslint-rule.js └── package.json...eslint-plugin.js : 插件入口，外部引入后才可以使用 rule eslint-rule-unused-vars.js : ESLint 官方的 eslint/no-unused-vars...eslint-rule-typescript-unused-vars : typescript-eslint/no-unused-vars 内部的代码，继承了 eslint/no-unused-vars...eslint-rule.js ：规则入口，引入了 typescript rule ，并且利用 eslint-rule-composer 给这个规则增加了自动修复的逻辑。

5.5K2 0

从零到一｜创建一个新的 TypeScript 项目

介绍了如何初始化 npm 项目并安装 TypeScript，通过 tsconfig.json 配置和 tsc 编译 .ts 文件。...使用 webpack 和 ts-loader 实现打包，并通过 ESLint 配置代码规范检测与修复。详细说明了各步骤的依赖安装、配置文件创建及命令运行。....")})();六、使用 ESLint 规范代码6.1 安装依赖npm install eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin...eslint-plugin-prettier -D6.2 新增配置文件 eslint.config.cjstouch eslint.config.cjsconst tsPlugin = require...('@typescript-eslint/eslint-plugin');const tsParser = require('@typescript-eslint/parser');const prettierPlugin

3821 0

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

react+ts模版图片创建后的目录如下：图片配置eslint创建.eslintrc.jsmodule.exports = { env: { browser: true, es2021:...使用 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...,安装 eslint vscode插件执行lint命令进行检测图片配置prettier安装插件pnpm i prettier eslint-config-prettier eslint-plugin-prettier

6153 0

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

其实这一切都是源自同学们对于 EsLint 的陌生而已。文章会从使用配置指南过渡到插件开发指南，从而全面的为大家讲解 EsLint 的各种相关内容。帮助大家告别 EsLint 恐惧症。...module.exports = { parser: '@typescript-eslint/parser', // 修改解析器为 @typescript-eslint/parser rules...此时我们在 index.js 中定义了 a 变量但为使用，EsLint 会为我们检测出错误 'a' is assigned a value but never used.eslintno-unused-vars...` // 通常格式为 `plugin:${pluginName}/${configName}` "plugin:@typescript-eslint/recommended",...] } 所谓的规则继承，我们提到过就是继承于另一份 EsLint 配置文件，比如我们以 plugin:@typescript-eslint/recommended 为例： // .eslintrc.js

2.4K2 0

uniapp项目实践拓展章：代码统一风格

@vue/eslint-config-typescript @rushstack/eslint-patch @vue/tsconfig 新建 .eslintrc.cjs 文件，添加以下 eslint...配置 /* eslint-env node */ require('@rushstack/eslint-patch/modern-module-resolution') module.exports...eslint-config-typescript', '@vue/eslint-config-prettier', ], // 小程序全局变量 globals: { uni:...'vue/no-setup-props-destructure': ['off'], 'vue/no-deprecated-html-element-is': ['off'], '@typescript-eslint.../no-unused-vars': ['off'], }, } 配置 package.json { "script": { // ...

2870 0

VSCode代码格式化设置

一、配置setting.json文件 // tab 大小为2个空格 "editor.tabSize": 2, // 100 列后换行 "editor.wordWrapColumn": 100...二、.eslintrc.js文件rules配置 module.exports = { rules: { "no-console": "off", "no-debugger": "off...[0, "single"], // 方法前是否要一个空格 always: 总是要 "space-before-function-paren": [0, "never"], "@typescript-eslint.../no-explicit-any": "off", "@typescript-eslint/no-empty-function": "off", "@typescript-eslint/...no-unused-vars": "off", "@typescript-eslint/camelcase": "off", "@typescript-eslint/no-this-alias

5K2 0

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

项目中必须执行解析器为@typescript-eslint/parser，才能正确的检测和规范 typescript 代码 env 环境变量配置，形如 console 属性只有在 browser 环境下才会存在...上面的配置中 extends 中定义了了文件继承的子规范，使用的 typescript-eslint 默认的推荐规范 parserOptions 解析器相关条件配置。...模块实际是为 eslint-plugin-prettier 插件服务的，在 eslint-plugin-prettier 的源码中调用了 eslint-config-prettier 中相关的配置，然后执行插件中的代码...prettier/@typescript-eslint 是用来忽略 typescript 中的格式化配置。...官网 Using ESLint and Prettier in a TypeScript Project 十分钟了解eslint配置 && 编写自定义eslint规则

2.5K2 0

rollup + typescript 构建 ts 包

eslint 校验 rollup-plugin-typescript2 ts 转换 @typescript-eslint/parser eslint ts 解析器 typescript ts解析器 rollup...from 'rollup-plugin-commonjs' // commonjs模块转换插件 import { eslint } from 'rollup-plugin-eslint' // eslint.../tsconfig.json'), // 导入本地ts配置 extensions }) // eslint const esPlugin = eslint({ throwOnError: true...module', 'require'] module.exports = { env: { browser: true, es6: true }, parser: '@typescript-eslint...sourceType: 'module' }, // plugins: ['prettier'], rules: { 'indent': ['error', 2], 'no-unused-vars

6.6K2 1

husky 7 + lint-staged 11+ prettier 2 + eslint 7 配置

/node_modules/cz-conventional-changelog" } } eslint配置（.eslintrc.js) 采用社区主流的推荐配置，唯一考虑的点就是需要考虑和prettier...的冲突 module.exports = { root: true, parser: '@typescript-eslint/parser', parserOptions: { ecmaVersion...的标准用法，必须放在最后一个，用于关闭和eslint冲突规则 ], plugins: ['simple-import-sort', 'prettier', '@typescript-eslint...': 'off', '@typescript-eslint/no-unused-vars': ['error'], 'react/display-name': 'off', 'jsx-a11y...react/prop-types': 'off', 'react-hooks/exhaustive-deps': 'off', // <--- THIS IS THE NEW RULE '@typescript-eslint

1.7K4 0

Webstorm+vue+eslint+prettier融合问题

(github.com) 在.eslintrc.json配置： "extends": [ "prettier" ] 这样eslint与prettier冲突的规则会被关闭（官网： "extends...-D # 大概要安装以下： yarn add @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-plugin-prettier...eslint-config-prettier eslint eslint-plugin-vue -D 2、配置.eslintrc.json "extends": [ "prettier" ],...}, "extends": [ "eslint:recommended", /** @see https://github.com/typescript-eslint/typescript-eslint.../no-unused-vars": "error", "@typescript-eslint/no-var-requires": "off", "@typescript-eslint/consistent-type-imports

2.6K2 0

web前端学习工作笔记（十五）

This experimental syntax requires enabling one of the following parser plugin(s): “jsx”, “flow”, “typescript...原因：eslintrc文件没有配parser: 'babel-eslint', eslint问题： Definition for rule ‘@typescript-eslint/no-unused-vars...’ was not found 原因：eslintrc文件没有配plugin @typescript-eslint eslint react组件引用了，但还是提示未使用，解决：eslintrc中...parser由babel-eslint改为改为 @typescript-eslint/parser 小程序taro-ui点搜索，键盘不关闭，调用Taro.hideKeyboard()主动关闭...子分支更改配置： .gitmodules中url修改后git submodule update还是拉的旧的配置，先执行git submodule sync，再update就可以（将新的URL更新到文件

6302 0

点击加载更多

TypeScript + Vue 项目的 Eslint中解构配置

以淘宝店铺为例，谈谈 TypeScript ESLint 规则集考量

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

ESLint + Prettier 代码规范统一指南

ts函数可选参数-未使用—ESlint 校验

【二】项目规范和项目管理

vue3+vite+ts配置eslint+husky

Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践

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

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

从零到一｜创建一个新的 TypeScript 项目

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

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

uniapp项目实践拓展章：代码统一风格

VSCode代码格式化设置

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

rollup + typescript 构建 ts 包

husky 7 + lint-staged 11+ prettier 2 + eslint 7 配置

Webstorm+vue+eslint+prettier融合问题

web前端学习工作笔记（十五）

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐