Flutter中提取方法与Widget时VS Code代码排序问题求助

目前VS Code原生的「提取方法/Widget」功能没有直接配置提取后代码顺序的选项，它默认会把每次提取的新方法插在已有外部方法的最上方，多次提取后就会出现和调用顺序相反的情况。

想要让提取后的方法顺序和调用顺序一致，可以试试这两个方案：

1. 手动指定提取位置 #

执行提取操作时，留意VS Code弹出的预览窗口底部，除了确认按钮，还有「位置」选择项（不同语言插件可能显示略有不同），可以手动选择把新提取的方法插在已有方法的下方，而不是默认的顶部，这样每次提取的方法就会按调用顺序排列。

2. 用代码格式化工具补位 #

如果手动选位置太繁琐，可以搭配对应语言的格式化插件，配置方法排序规则：

• 写JS/TS的话，在ESLint里配置sort-methods/sort-methods这类规则，让方法按调用或定义顺序排序；
• 写Flutter/Dart的话，在analysis_options.yaml里配置相关排序规则，或者用dart_code_metrics插件自定义方法排序逻辑。
  不过这类工具需要你先完成提取，再触发格式化来调整顺序，没法在提取时直接生效。

内容的提问来源于stack exchange，提问作者Hossein Ebrahimi