VS Code 踩过的那个坑——自动更新 import 语句的路径

项目:VS Code + TypeScript + React + Mac

用户设置: 打开方式(command+,)

默认用户设置

// 启用或禁用在 VS Code 中重命名或移动文件时自动更新 import 语句的路径。可选值有: "prompt" (在每次重命名时提示)、"always" (始终自动更新路径) 和 "never" (从不重命名路径且不要提示)。要求工作区使用高于 2.9 版本的 TypeScript。

"typescript.updateImportsOnFileMove.enabled": "prompt"

由于在用户设置中添加了下面这行配置代码,我的设置

VS Code 踩过的那个坑——自动更新 import 语句的路径

导致我的项目所有的绝对路径修改为相对路径,并且采用git提交到远程分支(个人提交时没有及时发现这个问题),第二天被leader发现。。。此处省略500字

影响:

1)涉及文件改动300+,因为团队多个项目都集成到一个工程中

2)部分文件路径替换不合法,把文件后缀名带上了,如import {$intl} from '../../services/index.js';这种会报错的

解决方案:

1)撤销该次commit,将代码回退,git log 查看commit命令,然后 git reset --hard commit_id 

2)回退不了就只能采用搜索-替换的方式,工作量较大,费时间,心中万马奔腾

最后告诫大家每次commit千万看下更改,这里会显示更改文件数

VS Code 踩过的那个坑——自动更新 import 语句的路径