/fe-file-rename

vscode插件:用于前端项目可视化的移动重命名文件/文件夹(可以按照小驼峰,大驼峰,连字符,下划线规则批量修改),并同时更新引用

Primary LanguageTypeScript

fe-file-rename VSCode 插件

在前端项目中,可视化地移动(重命名)文件/文件夹,同时更新引用。

技术栈

ts/node/vscode extension树视图

一期功能

按照规则批量修改文件名及引用。

操作流程

  1. 右键点击文件,选择"初始化前端目录",按照默认检验规则和筛选规则构建文件树。
  2. 不符合规范的文件,红色叹号标识。
  3. 可以再次选择 大驼峰/小驼峰/连字符/下划线 定义文件夹以及文件命名校验规则。
  4. 可以选择文件进行批量按照规则修正文件命名,同时修改依赖。

二期功能

  • 支持文件变更,文件树同步更新,并修改依赖
  • 支持文件修改时只有大小写变更的情况
  • 添加文件变更同步修改依赖开关

操作流程

  1. 初始化前端目录,点击自动引用修改开关
  2. 文件目录进行文件名修改,拖拽。引用更新

注意:

这里推荐小写文件名,可以去查看 阮一峰的《为什么文件名要小写》文章 https://www.ruanyifeng.com/blog/2017/02/filename-should-be-lowercase.html
其实是出于 可移植性易用性易读性便捷性 考量
单纯使用工具进行大小写变换写可能因为文件系统原因导致bug,请注意,而且git也不会识别大小写变动
(tip: git config --get core.ignorecase [git可以把这个属性配置为false,区分大小写] )
上述大小写问题已经修复,但是也不建议只去修改文件的大小写~

修改引用

fe-mv: https://github.com/MwumLi/fe-mv