首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【实战】自定义 ESLint Plugin

上次同事提醒说,这个 Eslint 就可以做到。我回去查了一下,还真可以,详情见 sort-keys[2]。假如使用了这条规则,就是要求对象写法要遵循一定的顺序。...比如下面这个场景,我需要根据 label 去决定对象在数组中顺序(注意:我们这个场景下数组的顺序对业务是没有影响的),Eslint 这个规则就无能为力了。...自定义 ESlint 插件 基于 `Yeoman generator`[8] (一个快速帮你搭建工程的脚手架工具),可以快速创建 ESLint plugin 项目。...我们知道 ESlint 的检测可以指定到文件维度,但是我们希望只针对部分的代码进行检测。要不然像对象数组顺序,假如都开了检测,将会有很多报错或者警告。...的基础原理以及如何自定义 Eslint 插件来解决对象数组排序的问题,除此之外,我们可能还有其他的场景可以进行尝试,欢迎大家参与讨论~ 参考 ESLint 工作原理探讨[9] 自定义 ESLint

81010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    自定义 ESLint 规则,让代码持续美丽

    如果我们在开发者写代码的时候就及时给到提示和建议,那开发体验就很棒了,而 ESLint 的自定义规则就可以实现在开发过程中给开发同学友好的提示。...自定义 ESLint 规则开发 怎么自定义 语法树分析 对目标代码进行语法树解析,可使用 astexplorer (https://astexplorer.net/) ?...image 如何使用自定义规则 使用自定义的 ESLint 规则,你需要自定义一个 ESLint 的插件,然后将规则写到自定义的 ESLint 插件中,然后在业务代码中添加 ESLint 配置,引入 ESLint...中的规则导入。...image 实际应用案例 函数、方法的入参个数控制,其实已经在 ESLint 的规则中了。在业务场景中,我们需要对我们的业务规则编写自定义的 ESLint 规则。

    82830

    自定义 ESLint 规则,让代码持续美丽

    如果我们在开发者写代码的时候就及时给到提示和建议,那开发体验就很棒了,而 ESLint 的自定义规则就可以实现在开发过程中给开发同学友好的提示。...自定义 ESLint 规则开发 怎么自定义 语法树分析 对目标代码进行语法树解析,可使用 astexplorer (https://astexplorer.net/) ?...image 如何使用自定义规则 使用自定义的 ESLint 规则,你需要自定义一个 ESLint 的插件,然后将规则写到自定义的 ESLint 插件中,然后在业务代码中添加 ESLint 配置,引入 ESLint...中的规则导入。...image 实际应用案例 函数、方法的入参个数控制,其实已经在 ESLint 的规则中了。在业务场景中,我们需要对我们的业务规则编写自定义的 ESLint 规则。

    96010

    pycharm导入自定义模块_模块导入速度python

    由于Python是一门动态语言,对于自动导入包模块没有静态语言那么方便,但是我们有了Pycharm,还是可以很强大的。...平时写代码的时候,要引用系统自带的模块或者是第三方模块,甚至是项目中其它地方的模块,有时候代码快写了一整屏,为了把一个模块导入进来,我们不得不把光标拉到文件顶部,先把模块包名手动导入进来,再回到文件底部开始愉快地写代码...其实,我们只需要简单两步配置就可以让Pycharm自动导入模块 第一步:Pycharm->Perferences->Editor->Auto Import pycharm1 第二步:Pycharm-...导入random 模块,ctrl+空格(空格键按两下)就自动弹出可选的模块列表,上下移动进行切换。

    1.4K10

    【OpenHarmony】ArkTS 语法基础 ② ( ArkTS 自定义组件 | 自定义可导入组件 - export 声明模块 | 导入自定义组件 - import 导入组件 )

    一般情况下 , 每个自定义组件 都 单独写到一个 ArkTS 代码中 , 将该组件封装成一个独立模块 ; 如果需要 在 其它自定义组件 中使用到该自定义组件 , 使用前 , 首先导入 自定义组件 所在的代码模块..., 然后再使用导入的自定义组件 ; 1、自定义可导入组件 - export 声明模块 如果要定义一个在外部可使用的组件 , 需要再定义组件时 , 使用 export 关键字 修饰 struct 结构体...模块 , 才能在其他的 ArkTS 组件代码中导入该模块 , 否则无法被导入 ; @Component export struct MyComponent { // 自定义子组件 build(...- import 导入组件 导入自定义组件时 , 需要 使用 import 关键字导入组件 , 语法如下 : import {ComponentName} from '...../view/MyComponent'; 指定要导入的外部组件名称 和 相对路径 ; 代码示例 : // 导入外部自定义子组件 import {MyComponent} from '..

    88310

    【Python】模块导入 ④ ( 自定义模块 | 制作自定义模块 | 使用 import from 导入并使用自定义模块中的函数 | 导入自定义模块功能名称冲突问题 )

    a + b 2、使用 import 导入并使用自定义模块 在另外的文件中 , 导入 my_module 模块 , 然后通过 my_module.add 调用 my_module 模块中的 add 函数...; 代码示例 : """ 自定义模块 代码示例 """ # 导入自定义模块 import my_module num = my_module.add(1, 2) print(num) 执行结果 :...代码示例 : """ 自定义模块 代码示例 """ # 导入自定义模块 from my_module import add num = add(1, 2) print(num) 执行结果 : D:...1、导入自定义模块功能名称冲突问题 如果 两个模块中 , 都定义了 相同名称 的函数 , 同时使用 from module_name import specific_name 方式 , 到了两个模块中...add 函数 , 后导入的模块功能生效 ; """ 自定义模块 代码示例 """ # 导入自定义模块 from my_module import add from my_module2 import

    72320

    Python3导入自定义模块

    的开源模块是个好东西,大牛们共享的许多模块也加快了大家开发的速度,许多开源模块可以在这里找到 https://pypi.python.org/pypi 下面结合开源模块graphics说说Python3如何导入自定义模块...方法一:通过sys模块导入自定义模块的path sys模块是python内置的,因此我们导入自定义模块的步骤如下: 先导入sys模块;然后通过sys.path.append(path) 函数来导入自定义模块所在的目录...;最后导入自定义模块。...方法二:通过pth文件找到自定义模块 创建一个 module_graphics.pth 文件,里面内容就是graphics模块所在的目录:D:\Python\Python3rdEdSolutionsAndCode_Zelle...这样就可以导入并使用自定义模块了。 ? ? 当然,还有别的方法导入自定义模块的。不管用什么方法,都是殊途同归罢了。

    1.5K20

    写一个 eslint 插件:vue template 中 class 顺序的检查和自动修复

    有小伙伴问我如何修复 vue template 中的 class 名的顺序、属性名顺序,还有 options 中的属性顺序的问题,用 eslint 可以做到么。...答案是能,但是需要写 eslint 插件来检查和修复。 考虑到他可能没有写过 eslint 插件,所以我先把相对简单的校验和修复 class 名的顺序的插件摘出来实现了一下。...我们要处理的是 class 属性,也就是 VAttribute 的 value 部分 可以支持传入比较器来自定义顺序,排序完之后设置回去。...接下来就是实现这个插件了,我们的目标是检查 VAttribute 节点,并且用自定义的比较器来对 class 排序。...但是因为我们用的 parser 是 vue 自定义的(vue-eslint-parser),所以这里 visitor 也要用它提供的,也就是: module.exports = { meta:

    1.5K20

    Pytest学习笔记6——自定义用例顺序

    引   unittest框架和pytest框架编写的测试用例执行顺序,默认根据ACSII码的顺序加载测试用例,数字与字母的顺序为:0~9,A~Z,a~z。   ...背景   我们写接口测试用例的时候,可以按上下接口顺序给它命名test_01...test_02...test_03...等等。   ...这样写的弊端是用例执行顺序是: test_01<test_02<test_03<test_04<test_05...   如果我想test_04在test_03前面呢?...下载地址:github 上有个 pytest-ordering 插件可以控制用例的执行顺序,github插件地址https://github.com/ftobia/pytest-ordering。   ...运行结果:   还是输入命令: pytest -vs test.py   出现这个警告不要慌,在项目目录下新建pytest.ini文件,在文件输入以下内容:   再次运行即可:    这样就实现了自定义测试用例的执行顺序

    30020

    【Android Gradle 插件】Gradle 自定义 Plugin 插件 ⑦ ( 自定义 Gradle 插件导入方式 | buildSrc 插件导入 | 构建脚本中自定义插件 | 独立文件 )

    文章目录 一、在 buildSrc 模块中定义 Gradle 插件 二、在 build.gradle 构建脚本中自定义 Gradle 插件 三、在其它 gradle 脚本中字定义 Gradle 插件 Android...https://docs.gradle.org/current/javadoc/org/gradle/api/execution/TaskExecutionGraphListener.html 自定义...build/libs 目录下会生成 buildSrc.jar 包 , 在 Module 模块下的 build.gradle 构建脚本中 , 通过 apply plugin: MyPlugin 代码 , 导入插件...; 自定义 Gradle 插件 - GitHub 地址 : https://github.com/han1202012/Android_UI 二、在 build.gradle 构建脚本中自定义 Gradle...导入成功 ; 自定义 Gradle 插件 - GitHub 地址 : https://github.com/han1202012/Android_UI

    1.3K10
    领券