JS Refactor :: JS CodeFormer 3.0.1

JS CodeFormer：JS Refactor的完美替代品

JS Refactor已正式退役，现在我们为您带来其升级版——JS CodeFormer。如果您安装了JS Refactor的扩展，将会自动安装JS CodeFormer，帮助您无缝过渡到新工具。

您也可以直接从Visual Studio Marketplace安装JS CodeFormer：

https://marketplace.visualstudio.com/items?itemName=cmstead.js-codeformer

利弊分析

好消息是，JS CodeFormer保留了您熟悉的快捷键，确保您可以快速上手。坏消息是，这不再是原来的JS Refactor项目。

更多好消息：JS CodeFormer在多个方面实现了显著改进：

• 速度更快 —— 几乎在所有方面都比JS Refactor快得多。
• 支持更多语言 —— JS Refactor在最佳状态下仅支持标准JavaScript和部分TypeScript，而JS CodeFormer可以解析和解释多种语言和框架特定的文件格式，包括嵌入在HTML和类似HTML文件中的JS/TS。
• 设计更稳定且易于维护 —— 源代码经过充分测试，设计便于快速修复，已证明其有效性。
• 修复了旧版本的错误 —— 我仔细检查了旧问题，确认它们已解决或因设计疏忽而修复。

亮点展示

语言支持

语言：

• JavaScript
• TypeScript
• HTML（嵌入式JavaScript）

框架：

• Angular
• React
• Vue

框架特定格式：

• JSX
• TSX
• Vue单文件组件（需要Vetur扩展以实现完整支持：https://marketplace.visualstudio.com/items?itemName=octref.vetur）

实验性框架支持：

• Svelte（需要Svelte扩展：https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode）

重构功能

• 提取方法/函数
  • Windows: ctrl shift j, m
  • Mac: cmd shift j, m
• 提取到参数
  • Windows: ctrl shift j, p
  • Mac: cmd shift j, p
• 提取变量
  • Windows: ctrl shift j, v
  • Mac: cmd shift j, v
• 内联变量
  • Windows: ctrl shift j, i
  • Mac: cmd shift j, i
• 重命名（对非js/ts文件尤为重要）
  • Windows: ctrl shift j, r
  • Mac: cmd shift j, r

转换功能

• 更改变量类型
• 将表达式转换为模板文字
• 将函数转换为箭头函数
• 将函数转换为函数表达式
• 将函数属性转换为方法
• 将函数变量转换为函数声明
• 切换属性声明类型

其他功能

• 环绕（打开选项列表）
  • Windows: ctrl shift j, w
  • Mac: cmd shift j, w
• 引入变量
• 引入函数
• 提升并命名函数表达式

为什么选择JS CodeFormer（项目背景）

JS Refactor诞生于VS Code刚推出的时期，当时编辑器中的重构工具非常有限。它最初设计为一个简单的重构扩展，但随着时间的推移，它发展成为一个更复杂的工具。

然而，代码库越来越难以维护。作为我为VS Code编写的第一个扩展，尽管我做了大量工作来改进代码库，但核心问题仍然存在。

最终，JS Refactor崩溃了，我没有精力再处理后续问题。几乎停止了近两年的工作。重新开始后，我意识到唯一的出路是替换原有项目，并基于某些原则构建一个新的系统，以确保软件可靠运行并能以可持续的速度维护。

于是，我开始开发JS CodeFormer。现在，JS CodeFormer已经处于稳定的初始状态，是时候给JS Refactor一个体面的告别了。与其让项目荒废，不如引导用户使用一个更好的工具。这就是您今天看到的软件状态。

感谢所有与我一起踏上最初旅程的朋友们。我希望大家能加入我们，一起构建更好的软件！