ESLint -为TypeScript配置“no-unused vars”_误报eslint(no-unused vars)_Eslint返回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.4K2 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

1.2K3 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会出现这个问题，你所修改的文件都给你返回为原来的样子

7022 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 分析出的未使用变量名传入进去，限定在这个名称范围内。

2.1K6 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 给这个规则增加了自动修复的逻辑。

1.8K2 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 字段。

1.3K1 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

9682 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规则

1K2 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

4.5K2 1

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

3.3K2 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

1.3K2 0

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

1K4 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更新到文件

2582 0

手摸手学会搭建一个 TS+Rollup 的初始开发环境

tsconfig.json 文件，该文件属于 Typescript 的配置文件 tsc --init 默认的 tsconfig.json 配置需要修改，以支持我们能够编译成 ES 模块。...简单修改后，符合需求的 tsconfig.json 配置以及目录结构如下：这样配置好后，Typescript 在编译过程中会向 ....先安装 eslint 开发环境依赖 yarn add eslint -D 然后可以使用刚安装好的 eslint 初始化一个配置文件： ....": ["eslint:recommended", "plugin:@typescript-eslint/recommended"], "parser": "@typescript-eslint/parser..."@typescript-eslint/no-unused-vars": [ "error", { "varsIgnorePattern": "^_"

1.4K3 0

eslint 从0到1

{ 'semi': 'off', // 关闭分号结尾 'no-unused-vars' 'warn', // 未使用变量，警告提示 'no-undef': 'error', //...为包前缀, 实际配置时可省略 "extends": [ "eslint:recommended", // eslint: 扩展规则设置, 并设置为推荐。..."plugin:@typescript-eslint/recommended", // plugin: 导入插件内的规则文件, 这里表示，查询插件 @typescript-eslint, 并导入规则文件...recommended "@vue/airbnb", // 规则包, 等价于 @vue/eslint-config-airbnb， @vue 为包集合目录 "....新增 ts 的语法校验规则 "plugins": [ "@typescript-eslint" ], 进阶配置项 parser 指定解析器如何解析js代码 { "parser": "

7672 0

明知 | TypeScript 结合 egg.js 基本使用

@typescript-eslint/no-unused-vars const page = ctx.query.page; console.log(page); const...router.get('/', controller.home.index); router.get('/ming', controller.home.show); }; 添加模板渲染插件编辑默认配置文件...访问链接 http://127.0.0.1:7001/ming 出现模板内容 [wp_editor_md_9139afc7a2c2d9581f443dca189329e6.jpg] 服务层编写这里配置相关的服务层...@typescript-eslint/no-unused-vars public async list(name: number): Promise{ name =...@typescript-eslint/no-unused-vars const page = ctx.query.page; console.log(page); const

9472 0

一套规范的vue3+vite2+ts4前端工程化项目环境

// 生产环境去除 debugger }, }, chunkSizeWarningLimit: 1500 // chunk 大小警告的限制（以 kbs 为单位...yarn add eslint @typescript-eslint/parser @typescript/eslint-plugin eslint-plugin-vue 复制代码 TypeScirpt...官方决定全面采用 ESLint 作为代码检查的工具，并创建了一个新项目 typescript-eslint，提供了 TypeScript 文件的解析器 @typescript-eslint/parser...和相关的配置选项 @typescript-eslint/eslint-plugin 等使用 scss 来增强 css 的语法能力 yarn add sass yarn add stylelint yarn...no-unused-vars const option: ECOption = { // ... } export const $echarts = echarts 复制代码就可以在页面中使用了

3772 0

从零搭建 Vite + React 开发环境

、编译校验 ESLint 安装依赖 $ npm install @typescript-eslint/parser eslint eslint-plugin-standard @typescript-eslint.../parser @typescript-eslint/eslint-plugin eslint-plugin-promise --save-dev .eslintrc.js 在根目录下，新增 .eslintrc.js...globals: { $: true, process: true, __dirname: true, }, parser: "@typescript-eslint...sourceType: "module", ecmaVersion: 6, }, plugins: ["react", "standard", "promise", "@typescript-eslint...基于这套项目框架可以开发各种各样的业务页面，非常流畅，集成了非常非常多的库，完善了路由配置，网络请求，组件点击加载等等。

3.7K0 0

【总结】超全面的前端工程化配置指南！

相关配置清单 Eslint Prettier Commitlint Husky Jest GitHub Actions Semantic Release 下面我们从创建一个 TypeScript 项目开始...配置创建项目之后，我们开始安装工程化相关的依赖，因为我们是 TypeScript 项目，所以也需要安装 TypeScript 的依赖。...因为我们将项目定义为ESM，eslit --init会自动识别type，并生成兼容的配置文件名称，如果我们改回.js结尾，再运行eslint将会报错。...npm run lint # 1:7 error 'calc' is assigned a value but never used no-unused-vars 因为是 Typescript...项目所以我们还要添加Standard规范提供的 TypeScrip 扩展配置(其他规范同理) 安装eslint-config-standard-with-typescript npm i eslint-config-standard-with-typescript

523 0

使用 Prettier 美化你的代码

比如有个 printWidth 的配置（默认值为 80），当一行代码超过特定字符数时会对其做拆分换行。这个配置无法关闭，你必须得设置一个值。...代码质量，比如启用 "no-unused-vars"，变量如果声明却未被使用会被认为不正确。...如果想用 Prettier 格式化 JS，你需要在 ESLint 配置文件中使用 eslint-config-prettier，将 eslint 中和 prettier 冲突的规则关闭。...TypeScript 团队在实现 typescript-eslint 时，认为 ESLint 不应该做代码格式化，而应该是一个真正的只检查错误的 Linter（可能他们被格式化的实现弄烦了），而像是 Prettier...具体可以看下面这篇文章： https://typescript-eslint.io/docs/linting/troubleshooting/formatting/ 结尾 Prettier 是一款代码格式化工具

8311 0

点击加载更多

扫码

加入 开发者社群

领取 专属20元代金券

Get大咖技术交流圈

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

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

vue3+vite+ts配置eslint+husky

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

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

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

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

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

rollup + typescript 构建 ts 包

VSCode代码格式化设置

Webstorm+vue+eslint+prettier融合问题

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

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

手摸手学会搭建一个 TS+Rollup 的初始开发环境

eslint 从0到1

明知 | TypeScript 结合 egg.js 基本使用

一套规范的vue3+vite2+ts4前端工程化项目环境

从零搭建 Vite + React 开发环境

【总结】超全面的前端工程化配置指南！

使用 Prettier 美化你的代码

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐