vscode 项目开发重构小技巧-back文件

前言

当我们接手了一些二手项目之后，在后期的需求改动时，肯定会遇到大改的情况，可能之前的整个文件我们都不能要了，但是，从开发安全的角度来讲，之前的代码对我们而言是有用的，比如出了问题，我们需要还原成旧的，或者逻辑发现问题，需要和旧的逻辑进行比对排查。

在linux的操作中，会有一个很棒的行为习惯，当我们去改动一个很重要的文件时，会先创建一份.back文件，然后再去改动，如果出现问题，可以用back文件进行还原。

那么这种行为我觉得可以用在前端项目开发中，这样当新代码出现问题，可以查看旧的代码进行比对，出现问题也能及时还原。

当然这种方式从整体来说，对代码的要求是很高的，需要满足里氏替换原则才能实现back完美替换，我一般都是作为逻辑参考，以后出问题也方便排查。

命名：

有的人习惯用.back，有的人追求简洁使用.bak，本质上是没有区别，个人推荐使用.back，因为它更直观地表示文件的备份。

教程

比如我现在有一个ts文件大改了，我可以利用back命名规则进行备份。

将a.ts文件复制一份，并改名为a.ts.back即可。

但是使用了back的方式，语法的高亮就丢失了，我们通过配置vscode的files.associations来恢复高亮：

vscode -> 左上角文件 -> 首选项 -> 设置 -> 右上角点击json格式 -> 配置以下内容

//识别文件格式配置
  "files.associations": {
    "*.ts.back": "typescript",
    "*.d.ts.back": "typescript",
    "*.vue.back": "vue"
  },

如果有其他类型文件，可以自行根据以上格式进行配置。

至此，我们成功学会一个小技巧。