想把代码块移到另一个文件?vscode 一键移动!

2023 年 9 月,vscode 支持了

一键把一段代码从一个文件移到另一个文件,且同步更新所有引用和 import

话不多说,大家看官网的 GIF,问题我会在后面指出

操作流程

第一步,点击变量,看到灯泡

第二步, 点击灯泡,选择 Move to file

第三步,选择一个文件,比如 hero.model.ts

第四步,查看 git 变化,路径会自动更改,代码也会移到目标文件

第五步,解决问题

  • 查看目标文件里之前是不是 import 过要移动的代码,这里就是 HeroBase,如果有,把 import 删掉。 这应该是个 bug,不过幸好影响范围不那么大,一次操作只有一个文件可能有问题。
  • import 不会自动去重,比如

如果把 bar 移到 b.ts 里,会出现 x 的重复 import

  • 另一个似乎不影响的小问题,要移动的代码下面的注释也没了,移过去的地方也没有。不过如果注释下面还有代码,这个注释就不会动。

实话说,有了这个功能,移动代码,会省事很多,但目前使用还是建议测试下再提交代码!

其他的重构技巧

选中变量名或文件名, F2 重命名,也会自动同步修改所有引用!

如果想先预览下,Shift+Enter

当然,这个是不是真的能替换所有引用,跟你的项目和框架也有些关系。 像 Angular template 上的变量,经常就无法自动更新。

重构里面的其他选项

选中一段代码,右击,点击 重构或 Refactor

你就能看到一堆重构技巧!

尽情享受!

发布原文

相关推荐
柏箱3 分钟前
文件上传漏洞入门:(upload-labs Pass-1 & Pass-2)
开发语言·前端·javascript
李剑一4 分钟前
Cesium 海量点位不卡顿!图标动态聚合效果深度解析,看完直接抄代码!
前端·vue.js·cesium
CHU7290356 分钟前
扭蛋机盲盒小程序:趣味交互与惊喜体验的功能设计
前端·小程序
CHU7290359 分钟前
AI辅助工具小程序:多元功能助力,开启智能便捷新体验
前端·人工智能·小程序
予你@。10 分钟前
Vue 项目中如何引用本地字体(完整指南)
前端·javascript·vue.js
大雷神15 分钟前
HarmonyOS APP<玩转React>开源教程十四:进度管理服务
前端·react.js·开源·harmonyos
小江的记录本16 分钟前
【JWT】JWT(JSON Web Token)结构化知识体系(完整版)
前端·网络·web安全·http·网络安全·json·安全架构
kyriewen1117 分钟前
Sass 进阶:当 CSS 学会了编程,变量函数循环全都安排上
前端·javascript·css·less·css3·sass·html5
重生之光头强下海当程序猿17 分钟前
调整word中的序号格式(缩进,起始值,序号与文字的间距等
前端·css·word
CodeSheep25 分钟前
魔幻!MiniMax市值正式超越百度,老板曾是百度实习生,网友一针见血。
前端·后端·程序员