Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can't create WebStorm React project

I'm trying to create a React project in WebStorm 2016.3.1

It's asking me for a create-react-app but I have no idea what that is and I can't find any reference on Google.

What is it and where can I find the value?

enter image description here

like image 709
SnelleJelle Avatar asked Nov 25 '16 08:11

SnelleJelle


People also ask

How do I create a React project in WebStorm?

To create a react app with Webstorm:Choose React App from the left column. Choose a directory name for your project by filling out the Location field. Select npx create-react-app from the dropdown in the create-react-app field.

What is the best editor for React JS?

We consider WebStorm to be the best-paid IDE on the market for React development, thanks to its many features, plugins, and good documentation.

Is ReactJs same as react native?

Introduction: React vs React Native? React and React Native are developed by Facebook and have gained a huge fan base in a short time. React is known as ReactJs, which is a JavaScript library to build single-page web applications. Besides, React Native is a React JS-based framework to design mobile apps.


3 Answers

You need to install create-react-app npm module, before you use this feature.

npm install -g create-react-app

You can read more about this feature on the official release blog of WebStorm.

Excerpt from the documentation :

Make sure that you have create-react-app installed globally on your computer, for that run npm install -g create-react-app. Then to start your new project, double click on the start task in the npm tasks tool window to run it. That’s it!

like image 198
drinchev Avatar answered Nov 13 '22 02:11

drinchev


I had ie installed create-react-app globally using yarn and webstorm failed to find it. Then I used npm, not to mention globally and its working like a charm.

like image 38
Uzair Avatar answered Nov 13 '22 02:11

Uzair


TL;DR
No need to install anything. Just enter npx create-react-app in the create-react-app field & it should work like a pycharm, I mean charm :)

Side note: npx is pre-bundled with npm since npm version 5.2.0.

like image 20
Junaid Avatar answered Nov 13 '22 01:11

Junaid