Configure the Development Environment of the Project

This article is part of the Robots Mall series

Now let’s initialize a React project.

First of all, we have to determine the name of the project. Because we are going to be an online mall that sells robots, we can determine the name of the project as robots-mall.

Then, we can use the command create-react-app to initialize a project, this is the cli provided by React development team.

Now we enter this command on the command line:

$ npx create-react-app robots-mall --template typescript

npx is a command of npm, through which the create-react-app command can be called indirectly. If create-react-app is not installed on your computer, npm will automatically install create-react-app for you after running this command.

Then because we want to use TypeScript, we need to add --template typescript parameter.

After running the above command, we should be able to see this result:

Then we can enter the directory where the project is located: