Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Amh Transform StyleNew to Visual Studio Code? Get it now.
Amh Transform Style

Amh Transform Style

jcyLite

|
57 installs
| (1) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Amh Transform Style (满帮Thresh样式重构插件)

插件开发背景:零担前台组在近期手机端 thresh转fta-thresh项目的重构中发现很多工作都是一些机械化的CV工作。 为此我们零担前台组开发了一款vscode批量重构样式的插件:我们总结了一些重构的规律,结合具体的重构场景以及 fta提供的thresh样式转换工具

样式重构代码示例

样式重构前:

function Demo(){
    return <View row={true}>
    </View>
}

样式重构后:

function Demo(){
    return <View style={{
        display:"flex",
        flexDirection: "row"
    }}>
    </View>
}

转换规则配置

生成配置操作方法

想要快速体验的可以跳过此步骤,使用默认配置及转换规则直接生成文件: 如果需要还原默认转换逻辑的,可以删除生成以下两个生成的配置文件。

配置文件主要有两个:

1、生成一段可以插入到每个文件顶部的代码,使用该配置后,如果import的模块与编译文件中的已知模块相同时,则将文件中的模块删除。 生成文件配置弹框确认 如果点击确定,则生成一个.preCode.js文件 生成代码实例

2、生成一段可以自定义规则的文件,这个文件中可以对非内置的规则进行配置,插件检测到有该文件的时候会使用该配置。 自定义rules配置

单文件转换(建议,单个文件转换了之后用git做对比,看改动点)

单文件转换操作方法

文件批量转换

文件批量转换操作方法

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft