How to rename the folder created by create react app?

Question

create-react-app foldernameA

I want to change the folder name to foldernameB. What is the command?

Can't you just make another project and move your files there? — Gudarzi
– Gudarzi, Commented Aug 3, 2018 at 15:17
create-react-app appears to be a library on github, not a reversible command. Assuming it's an ordinary folder, you change the name of it the same way you would any other folder. But that could break something. It might be easier just to create a new project. — Robert Harvey
– Robert Harvey, Commented Aug 3, 2018 at 15:18

Sridhar Rajaram · Accepted Answer · 2021-09-01 12:09:34Z

9

Follow the below 4 steps for renaming the projectname created using "npx create-react-app projectname"

goto that projectfolder and right click and rename as per your wish. and also copy that text what to typed.
go inside that project folder, you will find package.json and package-lock.json
open both files in VSC, change value of "name" to the "newly changed text" and save close.
in VSC, cd "projectname" and then npm start.
it will be deployed in browser

answered Sep 1, 2021 at 12:09

Sridhar Rajaram

911 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

grizzthedj · Accepted Answer · 2018-08-03 17:24:50Z

7

As @Tholle mentioned, you can simply rename the folder using the mv command.

mv foldernameA foldernameB

Alternatively, you can just create a new project with the desired name, and copy files there.

create-react-app foldernameB

answered Aug 3, 2018 at 17:24

grizzthedj

7,56517 gold badges47 silver badges66 bronze badges

Comments

Veera Sudhan · Accepted Answer · 2020-05-27 14:01:01Z

0

You can rename the absolute folder from desktop rather than on the editor or IDE.

answered May 27, 2020 at 14:01

Veera Sudhan

394 bronze badges

Comments

Ashim Khan · Accepted Answer · 2021-03-25 07:30:01Z

0

If you are ran into some trouble due to the name of your application and want to change it, you will also have change the name in the 'package.json' file. I had the app name and later tried to install the dependency which coincidentally had the same name, so even after changing the name of the folder i kept getting name conflicty from npm. So had to change the name inside the package file as well.

answered Mar 25, 2021 at 7:30

Ashim Khan

112 bronze badges

Collectives™ on Stack Overflow

How to rename the folder created by create react app?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related