Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / DevOps / Git

How to Rename Files so that Git can Detect them?

5.00/5 (1 vote)
4 Apr 2022CPOL3 min read 21.4K  
A step-by-step process to rename files so that Git can detect them
In this tip, you will find a step-by-step process to solve the problem of renaming files on Git.

Renaming files on git can be really painful to deal with. Git is case insensitive, so we can’t rename the file and hope for them to be updated in the remote repository. It can also create all sorts of problems for you and your team.

Today, I will point down a step-by-step process to solve this particular problem.

Problem

Let’s discuss what happens when you try to rename Containers to container manually. Also, keep a close eye on the git lens change in the sidebar.

Before manually renaming

We tried to manually change the files name from uppercase to lowercase which git wasn’t able to detect. Let’s see if our remote repository also has the same naming conversion problem after we push the code.

remote repository after renaming manually

It seems the git wasn’t able to detect the case-sensitive.

Let’s see how we can solve the problem and make git detect our file changes.

Solution

There are multiple ways to solve the case-sensitive problem, but we will use two different ways to solve it. So, let’s move on to our first solution.

1. Using the git-mv command

JavaScript
git mv <your_file_name><temporary_file_name>
git mv <temporary_file_name><new_file_name> 

Let’s use the same command for the remaining files as well.

renaming Logo.png to logo.png file

Logo.svg to logo.svg

renaming App.js file to app.js

App.js to app.js

After renaming the above files, we should commit and push the changes to the remote repository.

  • Let’s make sure we have navigated to the file location before using the above command.

    using git-mv command

    The above command will delete the file or folder and add a new one with the same content. You can achieve the same facility by deleting the file and adding a new one with the same content. Git facilitates the process, as you don’t need to delete a file manually.

  • It will work on both folder and files cases.

Result

remote repository after git mv command

We finally made changes to the remote repository as well. And it worked!

2. Second Method

This method will be a little different from the previous one. We are going to change the name manually, but we have to add an extra symbol or letter to it. Don’t worry, I will explain it more so that you can understand how it works.

Let’s break down the process into two different steps:

A. In the first step, we are going to rename Containers to containers-1. I have renamed it to containers-1, so that I will have zero confusion in the next step. Although you can rename with whatever you want, I suggest a name with more readability.

renaming App.js to app.js

As we can see above, git will detect the changes since the given folder Containers is deleted and another new folder containers-1 is added, but the reality is we only changed the name of the folder.

Let’s change the other files as well- App.js to app-1.js and Logo.svg to logo-1.svg.

renaming all file manually

Before moving to the next step, we should commit our changes so that our changes are saved on our local device.

git add .
git commit -m "temporary name change"

committing the changes

B. In this step, we will follow the same process, but this time we will rename the file to the exact name which we want. In our case, it will be containers-1 to containers. Let’s make the changes with other files as well –app-1.js to app.js, logo-1.svg to logo.svg.

rename the remaining files

After you change the name, we have to commit the changes and push it to the remote repository.

git add .
git commit -m "Manually changing name"
git push origin master.

committing manually changed file name

Result

Containers to container

We successfully changed our files and folder names in our local system as well as remotely. It worked!

Containers to containers

App to app.js

App.js to app.js

Logo.png to logo.svg

Logo.svg to logo.svg

To summarize, both methods are effective and work in all scenarios.

You can use any method you prefer. And if you have a different approach that can solve this problem much easier, then please feel free to share it in the comments below.

History

  • 4th April, 2022: Initial version

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)