Advertisement

tslint-config-eslint：另一种TSLint配置，禁用所有来自eslint或@typescript-eslint的规则...

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：ZIP

简介：
tslint-config-eslint是一个独特的TSLint配置包，旨在整合ESLint和TypeScript的最佳实践。它通过禁用与eslint或@typescript-eslint重复的所有规则来简化代码检查流程，帮助开发者专注于提升代码质量和遵守编码标准。 `tslint-config-eslint` 是另一个 TSLint 配置选项，它禁用了所有已被 ESLint 处理的规则。这个配置将在2019年的某个时候完成更新，但目前尚未完全实现。因此，在过渡期间使用该配置可能会导致重复执行 lint 检查的问题，尤其是对于那些具有重叠或等效规则的情况。 您可以通过 `tslint-to-eslint-config` 工具帮助进行迁移，并且这个软件包的配置可以帮助您快速切换到 ESLint 而无需大量删除或重构原有的 tslint.json 文件。以下是使用说明： 安装： ``` # 使用 yarn yarn add -D tslint-config-eslint # 或者使用 npm npm i -D tslint-config-eslint ``` 配置： 在你的 `tslint.json` 配置文件中添加以下内容，确保将 `tslint-config-eslint` 放在最后面，以便它能覆盖其他规则。 ```json { extends: [ your original great configs, tslint-config-eslint ] } ```

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • tslint-config-eslint：另一种TSLint配置，禁用所有来自eslint或@typescript-eslint的规则...
    优质
    tslint-config-eslint是一个独特的TSLint配置包，旨在整合ESLint和TypeScript的最佳实践。它通过禁用与eslint或@typescript-eslint重复的所有规则来简化代码检查流程，帮助开发者专注于提升代码质量和遵守编码标准。 `tslint-config-eslint` 是另一个 TSLint 配置选项，它禁用了所有已被 ESLint 处理的规则。这个配置将在2019年的某个时候完成更新，但目前尚未完全实现。因此，在过渡期间使用该配置可能会导致重复执行 lint 检查的问题，尤其是对于那些具有重叠或等效规则的情况。 您可以通过 `tslint-to-eslint-config` 工具帮助进行迁移，并且这个软件包的配置可以帮助您快速切换到 ESLint 而无需大量删除或重构原有的 tslint.json 文件。以下是使用说明： 安装： ``` # 使用 yarn yarn add -D tslint-config-eslint # 或者使用 npm npm i -D tslint-config-eslint ``` 配置： 在你的 `tslint.json` 配置文件中添加以下内容，确保将 `tslint-config-eslint` 放在最后面，以便它能覆盖其他规则。 ```json { extends: [ your original great configs, tslint-config-eslint ] } ```
     
  • eslint-config-prettier：禁用所有不必要的或可能与Prettier冲突的规则
    优质
    eslint-config-prettier是一个ESLint插件，用于禁用所有不必要的或可能与Prettier代码格式化工具相冲突的规则，确保两者的兼容性。 `eslint-config-prettier` 会关闭所有不必要的规则或可能与 Prettier 冲突的规则。这样可以让你使用自己喜欢且可共享的配置，并在使用 Prettier 的时候不会受到妨碍，因为这些规则会被禁用掉。 请注意，这个配置仅负责关掉一些规则，因此最好与其他 ESLint 配置一起使用以达到最佳效果。要安装 `eslint-config-prettier` ，可以通过 npm 安装： ```bash npm install --save-dev eslint-config-prettier ``` 然后，在你的 `.eslintrc.*` 文件中将 `eslint-config-prettier` 添加到 `extends` 数组里，并确保它位于数组的最后，这样可以保证其优先级最高，覆盖其他配置。例如： ```json { extends: [ // 其他需要继承的规则集， eslint-config-prettier ] } ``` 这将允许你在使用 Prettier 的同时保持你的代码风格的一致性，并且不会因为规则冲突而产生问题。
     
  • 我的自定义 ESLint 规则（eslint-rules），以补充 http 提供的规则
    优质
    我的自定义 ESLint 规则项目提供了一系列额外的编码标准和最佳实践，旨在增强http提供的默认规则集，帮助开发者编写更规范、可维护的JavaScript代码。 这个仓库仍在积极维护中，但与对象相关的规则已被提取并捆绑为 ESLint 插件，并包含测试数据等资源，方便使用且推荐安装这些特定规则。 - 不允许在单个 `var` 声明语句中声明多个变量。为了便于调试和重构以及减少错误的可能性，请将每个变量单独放在一个新行上。 - 禁止在同一行内为对象定义多个属性。当创建包含多于一个属性的对象时，最好把每一个属性都写在独立的行里。 - 在声明具有多个属性的对象时，禁止在一个语句中同时使用大括号和第一个属性名称。期望的做法是将第一项单独放在新的一行，并且该行仅包括对象的大括号开始符以及首个属性名。 - 禁止在同一行内为多属性对象的最后一个属性进行声明。当创建包含多个属性的对象时，建议在最后一行只写入右大括号和前一个属性之后的内容。
     
  • -eslint-import-alias：限制导入路径别名的ESLint规则
    优质
    -eslint-import-alias是一款用于代码质量管理工具ESLint的插件，它提供了一条自定义规则，专门用来限制或规范JavaScript项目中使用import语句时路径别名的应用方式，从而帮助开发者保持项目的模块化导入风格的一致性。 eslint-plugin-import-alias 是一个用于强制执行导入路径别名的 ESLint 规则。 **安装** ```shell npm install --save-dev eslint-plugin-import-alias ``` **用法** 以下示例是有效（valid）和无效（invalid）的使用情况： ```javascript import { test } from @srctest; // valid import { test } from .test; // invalid import { test } from ..test; // invalid ``` 可以指定可选的相对深度。 ```javascript import { test } from .test; // valid, { relativeDepth: 0 } import { test } from ..test; // valid, { relativeDep: ```
     
  • -eslint-plugin-vue：Vue.js的官方ESLint插件
    优质
    简介：_eslint-plugin-vue是Vue.js官方提供的ESLint插件，用于在Vue项目中实施高质量编码标准和最佳实践。它帮助开发者发现并修复代码中的潜在问题，确保项目的一致性和可维护性。 eslint-plugin-vue 是 Vue.js 的官方 ESLint 插件。 版本政策：该插件遵循与 Vue.js 相同的版本策略。 变更日志：请查看项目的更新记录以获取详细信息。 贡献指南：欢迎贡献！在开始编写新规则之前，请参阅相关文档。为了了解您要检查代码的抽象语法树（AST）外观，可以使用特定工具来检验 AST，并且它支持 Vue 模板。启动该工具时选择 Vue 作为语法并设置 vue-eslint-parser 为解析器。 由于单文件组件在 Vue 中不是普通的 JavaScript 文件，因此无法使用默认解析器进行处理，所以引入了新的解析器——vue-eslint-parser。此插件会生成增强的 AST，并且其中包含表示模板语法特定部分以及 [removed] 标记内部内容的节点。 要获取有关 vue-eslint-parser 生成的 AST 中某些节点更详细的信息，请参考相关文档。此外，它提供了一些有用的解析服务来帮助遍历所生成的 AST 和访问模板令牌：context.parserServices.defineTemplateBodyVisitor。
     
  • ESLint-Fix：利用ESLint --fix修正当前文件
    优质
    ESLint-Fix是一款基于ESLint插件，能够自动修复代码中由ESLint检测出的问题，帮助开发者快速提升代码质量与规范性。 使用 ESLint --fix 命令可以自动修复当前文件中的代码问题。
     
  • ESLint插件eslint-plugin-auto-import：自动导入模块工具
    优质
    eslint-plugin-auto-import是一款用于ESLint的插件，能够智能检测代码中未定义的变量或函数，并自动添加所需的import语句，提高开发效率和代码质量。 这是一个 ESLint 插件，在 ESLint 在 --fix 模式下运行且存在可解析为现有模块的未定义引用时，它会自动添加 (ES6) 导入语句到您的代码中。 **安装** 首先，您需要通过以下命令安装 `eslint`： ``` $ npm i eslint --save-dev ``` 接着，请使用下面的命令来安装插件 `eslint-plugin-auto-import`: ``` $ npm install eslint-plugin-auto-import --save-dev ``` 注意：如果全局安装了 ESLint（使用 `-g` 标志），则必须同样通过该标志全局安装此插件。 **用法** 在 `.eslintrc` 配置文件的 `plugins` 部分添加 `auto-import`，然后利用模块配置启用 `auto-import` 规则。下面是一个示例： ```json { plugins: [ auto- ] } ``` 请注意：上述 JSON 示例中的 `plugins` 值未完整列出，请根据文档继续完善配置以确保其正确性。
     
  • eslint-plugin-import-helpers：助力配置和检查导入语句顺序的ESLint插件
    优质
    eslint-plugin-import-helpers是一款专为ESLint设计的插件，用于协助开发者更好地管理和检查JavaScript文件中的import语句排序问题，确保项目编码风格的一致性。 最初是由一些启发而来的。 创建此软件包是为了补充现有的规则集。尽管存在许多优秀的规则，但我们发现缺少了一些关键的用例。 该插件提供了一条强制执行模块导入顺序的可配置约定的规则。详情请参考相关文档页面。 给定 ESLint 配置示例如下： ```json rules: { import-helpers/order-imports: [ warn, { newlinesBetween: always, groups: [ ``` 请注意，`newlinesBetween` 设置为 `always` 表示在导入组之间强制添加新行。
     
  • Vue3-Vite-Eslint-Prettier-Template: Vue3 Vite Eslint 美观的模板
    优质
    这是一个基于Vue3、Vite和Eslint构建的高效开发模板，集成了Prettier以保证代码风格的一致性和美观性，助力开发者快速上手项目。 vue3-vite-eslint-prettier-template：这是一个结合了Vue 3、Vite 和 ESLint 的漂亮模板。
     
  • -eslint-plugin-prettier：美化代码格式的ESLint插件
    优质
    -eslint-plugin-prettier是一款集成在ESLint中的插件，它能够与Prettier代码格式化工具协同工作，自动修正代码风格问题，帮助开发者保持一致的代码规范。 eslint-plugin-prettier 可以作为规则运行，并报告个别 ESLint 问题与 Prettier 输出之间的差异。 如果需要的格式不符合 Prettier 的输出，则建议使用其他工具。 错误示例： error: 在 pkg/commons-atom/ActiveEditorRegistry.js 第22行第25列插入 `,`： ``` 20 | import { 21 | observeActiveEditorsDebounced, > 22 | editorChangesDebounced | 23 | } from .debounced; ```