Advertisement

-eslint-import-alias:限制导入路径别名的ESLint规则

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


简介:
-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: ```

全部评论 (0)

还没有任何评论哟~
客服
客服
  • -eslint-import-aliasESLint
    优质
    -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插件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:用于验证正确ESLint插件及其- 不过为了更贴合简洁风格并尽量不超出原意和字符,可以简化为: eslint-plugin-import
    优质
    简介:eslint-plugin-import 是一个 ESLint 插件,提供规则以确保代码中模块导入的准确性与规范性。 ESLint插件导入支持检查ES2015+(即ES6+)的导入/导出语法,并防止文件路径及导入名称拼写的错误问题。该功能在您的编辑器中已被标记,以确保您能够充分利用ES2015+静态模块语法的优势。 规则包括: - 静态分析保证所有导入指向可解析的文件或模块。 - 确保命名导入与远程文件中的导出名称匹配。 - 对于默认导入,验证存在相应的默认导出。 - 在取消引用时确保导入的名字空间包含已取消引用的属性。 - 限制在特定目录中可以导入哪些文件。 - 防止使用绝对路径进行模块导入。 - 禁止带有表达式的require()调用以避免动态加载问题。 - 不允许从其他模块引入子模块,以防不必要的依赖关系和代码复杂性增加。 - 在导入语句中禁止使用webpack loader语法,确保跨环境一致性。 - 防止模块自引用或间接自我引用的情况发生。 - 禁制从具有依赖路径的文件中进行加载以避免循环依赖问题。 - 限制不必要的路径段,并要求明确声明所需的模块和资源。 - 不允许向上级目录导入模块,防止代码结构混乱。 此外还有一些有用的警告: - 报告任何无效导出的情况,包括重复定义或未使用的导出名称。 - 警告使用出口的名称作为默认导出标识符可能会导致混淆的问题。
  • 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` 表示在导入组之间强制添加新行。
  • 自定义 ESLint eslint-rules),以补充 http 提供
    优质
    我的自定义 ESLint 规则项目提供了一系列额外的编码标准和最佳实践,旨在增强http提供的默认规则集,帮助开发者编写更规范、可维护的JavaScript代码。 这个仓库仍在积极维护中,但与对象相关的规则已被提取并捆绑为 ESLint 插件,并包含测试数据等资源,方便使用且推荐安装这些特定规则。 - 不允许在单个 `var` 声明语句中声明多个变量。为了便于调试和重构以及减少错误的可能性,请将每个变量单独放在一个新行上。 - 禁止在同一行内为对象定义多个属性。当创建包含多于一个属性的对象时,最好把每一个属性都写在独立的行里。 - 在声明具有多个属性的对象时,禁止在一个语句中同时使用大括号和第一个属性名称。期望的做法是将第一项单独放在新的一行,并且该行仅包括对象的大括号开始符以及首个属性名。 - 禁止在同一行内为多属性对象的最后一个属性进行声明。当创建包含多个属性的对象时,建议在最后一行只写入右大括号和前一个属性之后的内容。
  • 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-plugin-simple-import-sort:轻松自动修复排序
    优质
    简介:eslint-plugin-simple-import-sort是一款用于自动化管理JavaScript项目中模块导入顺序的ESLint插件,能够帮助开发者快速而轻松地保持代码整洁和一致性。 ESLint插件提供了一个简单的导入排序功能,并且易于自动修复。 - 通过`eslint --fix`运行:无新工具需要安装; - 尽可能对导出进行排序; - 处理注释; - 支持类型化导入和导出; - 友好(无需额外配置); - Git diff友好; - 实现了100%的代码覆盖率。 此插件适合那些经常使用`eslint --fix`来自动修复问题,并希望完全忽略手动排序导入语句的用户。 例如: ```javascript import React from react; import Button from ../Button; import styles from ./styles.css; ``` 这段文字介绍了ESLint的一个插件,该插件可以帮助开发者简化和自动化JavaScript代码中的导入声明管理。
  • -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。
  • @babeleslint-parser:用于ESLintBabel解析器包装器(原babel-eslint
    优质
    简介:@babeleslint-parser 是一个为 ESLint 设计的 Babel 解析器封装工具,允许使用 Babel 来解析和检查 ES6 及以上版本的 JavaScript 代码。原名为 babel-eslint。 关于babel-eslint的注意事项:它现在已更名为@babel/eslint-parser并移至新位置。使用@babel/eslint-parser的好处在于它可以支持Babel提供的所有有效代码,并且从v11.xx版本开始,需要将Babel设置为对等依赖项以确保在解析和转换期间使用的配置一致。 此外,在v11中,一些AST节点类型已经更改以匹配espree v6:ExperimentalSpreadProperty现在称为SpreadElement; ExperimentalRestProperty变为RestElement;Literal成为JSXText(用于JSX文本)。 何时使用babel-eslint?当您需要ESLint支持Babel提供的实验性语法或非标准语言特性(例如Flow或TypeScript类型),并且在代码中应用了Babel转换时,就需要使用它。因为默认的ESLint解析器和核心规则不包括这些功能和支持。
  • Vue ESLint Parser:针对.vue文件ESLint解析器
    优质
    Vue ESLint Parser是一款专为.vue文件设计的ESLint插件,提供精准的代码检查和语法分析,帮助开发者提升Vue项目中的编码质量和一致性。 Vue-Eslint解析器 用于.vue文件的ESLint自定义解析器。 动机: 该解析器使我们能够对.vue文件中的