说明: 此套件的折旧为: @blueprintjs/eslint-plugin
TSLint 已贬值因此,蓝图正在向ESLint过渡。 蓝图现在在自己的寄存器中使用ESLint,因此这个软件包将在未来的主要版本被去掉.
蓝图 TSLint 图像 配置
蓝图是网络的React UI工具包.
此软件包包含配置 TSLint 图像 (TypeScript linter)和少数专门用于针对"蓝本"库开发的新规则.
关键特性:
安装
pnpm add --save-dev @blueprintjs/tslint-config tslint
使用量
只需在您的 tslint.json 来使用默认规则配置。 这种配置包括实施特定语义的蓝图专用规则 @blueprintjs 软件包.
tslint.json
{
"extends": "@blueprintjs/tslint-config"
}
仅限规则使用
使《蓝图》具体规则成为可能 仅限 没有完整的 DSLint 配置,请扩展 blueprint-rules 包内的配置 :
tslint.json
{
"extends": [
+ "@blueprintjs/tslint-config/blueprint-rules"
]
}
编辑器集成
⭐️ VS 代码 : 启用 tslint.autoFixOnSave 选项,每次保存时都会修复所有可修复的失败.
规则
blueprint-classes-constants
强制使用 Classes 常数在名称空格字符串上.
每个 @blueprintjs 软件包导出 a Classes 对象中包含由软件包定义的每个 CSS 类的常数。 虽然常数的值在释放之间可能会有变化,但常数的名称将保持更稳定.
{
"rules": {
"blueprint-classes-constants": true
}
}
-const element = <div className="pt-navbar" />;
+const element = <div className={Classes.NAVBAR} />;
blueprint-icon-components
强制使用联合来文X Icon 组件结束 IconName 字符串正文( 或反文) 单位 icon JSX道具. 请注意,此规则仅支持在 icon pro;它不处理表达式或条件.
用于此规则的固定器将在字符串字元之间转换并命名 Icon 组件。 请注意,执行是天真的,可能需要干预,例如导入一个部件或固定一个无效的名称.
命名图标组件( E)TickIcon, (中文(简体) ), GraphIcon(a) 可从下列来源导入: @blueprintjs/icons 软件包.
此规则在 blueprint-rules 配置,因为确保 @blueprintjs/icons 软件包可以是树切(一种选入过程,需要使用组件和 永远 IconName 字义.
{
"rules": {
// default uses "component"
"blueprint-icon-components": true,
// expanded syntax
"blueprint-icon-components": {
"options": ["component" | "literal"] // choose one
}
}
}
"component"
-<Button icon="tick" />
+<Button icon={<TickIcon />} />
"literal"
-<Button icon={<GraphIcon />} />
+<Button icon="graph" />