初次编写 VS Code 扩展的经历：fe-file-rename
2023-12-07 17:40:48
前言
作为一名前端工程师，我经常需要重命名文件或文件夹。起初，我手工进行这项操作，但随着项目的不断扩大，手工操作变得越来越繁琐。这促使我萌生了开发一个 VS Code 扩展的想法，这个扩展可以自动更新对已修改文件的引用。
构想与调研
我的构想是创建一个名为 fe-file-rename 的 VS Code 扩展。这个扩展将提供以下功能：
- 监视前端项目文件或文件夹路径的变化。
- 当文件或文件夹被重命名或移动位置时，自动更新对已修改文件的引用。
- 支持按照小驼峰、大驼峰、连字符或下划线规则批量修改。
在构想出基本功能后，我开始调研 VS Code 扩展的开发文档。我了解到 VS Code 扩展可以使用 JavaScript 或 TypeScript 语言编写。同时，我还学习了扩展的架构、API 和打包方式。
开发
在完成调研后，我开始着手开发 fe-file-rename 扩展。我首先创建了一个新的项目文件夹，并将项目初始化为一个 VS Code 扩展。然后，我安装了必要的依赖项并开始编写代码。
在开发过程中，我遇到了不少挑战。其中最大的挑战是如何监视文件或文件夹路径的变化。我最初尝试使用 Node.js 的 fs.watch() 函数，但发现它在 Windows 系统上表现不佳。后来，我改用 chokidar 库来监视文件系统。
另一个挑战是如何自动更新对已修改文件的引用。我最初尝试使用正则表达式来查找并替换引用，但发现这种方法不够可靠。后来，我改用 AST（抽象语法树）来解析代码并更新引用。
发布
在完成开发后，我将 fe-file-rename 扩展发布到了 Visual Studio Marketplace。发布过程相对简单，只需要填写一些基本信息并上传扩展的 zip 包即可。
反馈与更新
fe-file-rename 扩展一经发布，就受到了广大开发者的欢迎。截至目前，该扩展已获得超过 1000 次下载。我非常感谢大家的支持。
在扩展发布后，我收到了一些用户的反馈。其中，一些用户反映扩展在某些情况下会出现错误。我根据用户的反馈对扩展进行了更新，并修复了这些错误。
总结
fe-file-rename 扩展是我首次开发的 VS Code 扩展。在这个过程中，我学到了很多东西。我了解了 VS Code 扩展的架构、API 和打包方式。同时，我还学会了如何监视文件系统和如何自动更新对已修改文件的引用。
我希望 fe-file-rename 扩展能够帮助更多的前端工程师提高开发效率。如果您有任何问题或建议，请随时与我联系。
