new-cra v1.3.1
New-CRA
New create-react-app
If you want to create a new app named my-app
then use the command below.
npx new-cra my-app
After the installation has finished
cd my-app
npm start
Visit http://127.0.0.1:3000
You can use a different name other than my-app
if you wish. Just use that other name in place of my-app
in the above commands.
E.g.,
npx new-cra super-amazing-react-website
cd super-amazing-react-website
npm start
Updating new-cra
new-cra
is occasionally updated. So, to ensure that you are using the latest version of new-cra
, run,
npx new-cra@latest
You could also update, and create at the same time, just to save time.
npx new-cra@latest my-app
Typescript
You can also create a TypeScript React project by adding the -ts
flag.
npx new-cra@latest my-app -ts
Trouble shooting
Error : ENOENT: no such file or directory, lstat
When running npx
commands, you may get an error stating that it cannot find lstat
.
Open a command/bash/powershell prompt and run
npm install -g npm
About
New-CRA (New Create-React-APP) will build a basic React template/starter/boilerplate for you.
It uses R3F-Pack under the hood to build your production and development code.
As long as you have Node installed on your computer, you should then be able to just open a command prompt and type,
npx new-cra my-app
And it will create a new basic React template/starter/boilerplate that you can now start developing your new application from.
Happy Hacking!
Sean